@charset "utf-8";

/* リセットCSS */
* html body,html[xmlns*=""] body:last-child #page{margin:0 auto}*,:after,:before{-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}blockquote,body,code,dd,div,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,legend,li,ol,p,pre,span,td,textarea,th,ul{margin:0;padding:0}a img,body,fieldset,hr,html,img{border:0}* html body,sub,sup{vertical-align:baseline}:focus,a{outline:0}a,a:active,a:focus,a:hover,h1,ins{text-decoration:none}.cf,.clearfix,.div,address,article,aside,details,fieldset,figcaption,figure,footer,h1,header,hgroup,main,menu,nav,section{display:block;margin:0;padding:0}
a,input[type=button],input[type=submit]{cursor:pointer}input[type="submit"],
input[type="button"] {border-radius: 0;-webkit-box-sizing: content-box;-webkit-appearance: button;appearance: button;border: none;box-sizing: border-box;cursor: pointer;padding: 8px 10px;}
input[type="submit"]::-webkit-search-decoration,input[type="button"]::-webkit-search-decoration {display: none;}input[type="submit"]::focus,input[type="button"]::focus {outline-offset: -2px;}
pre,textarea{overflow:auto}sub,sup{position:relative}body,html{-webkit-text-size-adjust:none;height:100%;min-height:100%}* html body{letter-spacing:1px}
button,fieldset,form,input,label,legend,select,textarea{font-family:inherit;font-style:inherit;font-weight:inherit;margin:5px 1%;padding:0;vertical-align:baseline}a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,div,dl,dt,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,iframe,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strong,sub,sup,table,tbody,tfoot,th,thead,tr,ul{border:0;font-style:inherit;margin:0;padding:0}blockquote,cite,i{font-style:italic}code,pre{font-family:monospace;line-height:100%}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:700}dt,strong {font-weight: 700;}b,blockquote,blockquote cite,em,i {font-style: normal;}figure img ,embed,iframe,object {max-width: 100%;}iframe,.iframe{line-height: 0;}
#set-post-thumbnail img[src$=".svg"],img[src$=".svg"].attachment-post-thumbnail,td.media-icon img[src$=".svg"] {width: 100% !important;height: auto !important;}a {-webkit-transition: color .3s linear;-o-transition: color .3s linear;}
blockquote:after,blockquote:before,q:after,q:before {content: "";}blockquote,q {quotes: """";}pre {margin: 30px 0;background: #f4f4f4;font: 13px "Courier 10 Pitch", Courier, monospace;line-height: 1.5;margin-bottom: 1.625em;padding: .75em 1.625em;}sub,sup {font-size: 85%;height: 0;line-height: 1;}sup {bottom: 1ex;top: .5ex;}blockquote {font-weight: 400;margin: 0 3em;}blockquote cite {color: #666;font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight: 300;letter-spacing: .05em;text-transform: uppercase;}
ol {list-style-type: decimal;}ol ol {list-style: upper-alpha;}ol ol ol {list-style: lower-roman;}ol ol ol ol {list-style: lower-alpha;}ol ol,ol ul,ul ol,ul ul {margin-bottom: 0;}
hr {background-color: #ccc;height: 1px;margin-bottom: 1.625em;}

.vnone{display: none!important;}
/* テーブル */
table {font-size: 100%;border-collapse: separate;border-spacing: 0;margin: 10px auto;}
table tbody td,table td,table th {border: 1px solid #636363;}
table thead {background-color: #cfcfcf;}
table table tbody th {background: #e2e2e2;}
caption,table,tbody,td,th {font-weight: 400;text-align: left;table-layout: fixed;}
table td,table th {padding: 6px 2%;vertical-align: top;}
table tbody th {min-width: 28%;}
/* リスト */
ol,ul {list-style: none;line-height: 1.3;padding: 0 0 0 20px;}
ul,ol{margin: 20px 0 20px;}
li {padding: 0;line-height: 1.7;}

ul li {list-style: outside disc;}
ul ul li {padding: 0;margin: 0 0 10px;list-style: outside circle;}
ol li{list-style: decimal outside;	}

/* リストをインラインブロックに */
ul.ibul{padding: 0;}
ul.ibul li{display: inline-block;margin: 0 5px 5px;list-style: none;}

/* フォーム */
input {margin: 5px 1%;}
label {padding: 2px 5px;}
select,input[type=date],input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text],input[type=url],textarea {background: #fafafa;
box-shadow: inset 2px 2px 2px 1px #e8e8e8;border: 1px solid #d3d3d3;padding: 5px 1%;max-width: 100%;}
select,input,textarea {line-height: 1.625;font-family: inherit;font-size: inherit;font-weight: inherit;}
input[type=submit] {-webkit-appearance: none;border-radius: 0;}
body {color: #333;font-size: 14px;
font-family: 'Noto Sans CJK JP', 'Noto Sans JP','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Helvetica, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', Verdana, Osaka, sans-serif;}

.main{position: relative;height: 100%;}

/*--------------------------------------
 ロゴ
--------------------------------------*/
.hlogo{position: absolute;top:10px;left: 10px;width: 100px;max-width: 20%;z-index:2;}
.hlogo img{display: block;width: 100%;height: auto}

/*--------------------------------------
 Goopano 全画面表示
--------------------------------------*/
#panobox,#pano{left:0;width: 100%;height: calc(100% - 16px)!important;z-index:1;}
#panobox iframe{width: 100%;height:100%;}

/*--------------------------------------
 ナビメニュー表示
--------------------------------------*/
#ifmbox{position: absolute;top:0;right: 0;background-color: rgba(0,0,0,.8);padding: 8px 0;}
#ifmbox ul{display:flex;padding: 0;margin:0;}
#ifmbox ul li{list-style: none;width: auto;padding: 0 24px;}
#ifmbox li a, #ifmbox li .slidemenu{color: #fff;padding: 32px 0 0 ;display:block;font-size:11px;}
#ifmbox li.iftel a {background: url("./img/icons/menu/tel1-w.svg") no-repeat center 6px;background-size: auto 20px;}
#ifmbox li.ifmail a {background: url("./img/icons/menu/mail-s.svg") no-repeat center 9px;background-size: auto 14px;}
#ifmbox li.ifmail2 a {background: url("./img/icons/menu/touroku-s.svg") no-repeat center 5px;background-size: auto 21px;}
#ifmbox li.ifmenu a {background: url("./img/icons/menu/camera-siro.svg") no-repeat center 7px;background-size: auto 20px;}
#ifmbox li.ifirai a {background: url("./img/icons/menu/irai-s.svg") no-repeat center 8px;background-size: auto 18px;}
#ifmbox li.ifevent a {background: url("./img/icons/menu/icon_3.svg") no-repeat center 6px;background-size: auto 20px;}
#ifmbox li.ifacsess a {background: url("./img/icons/menu/map1-s.svg") no-repeat center 6px;background-size: auto 20px;}
#ifmbox li.ifnews a {background: url("./img/icons/menu/news-s.svg") no-repeat center 6px;background-size: auto 20px;}
#ifmbox li.ifblog a {background: url("./img/icons/menu/blog-s.svg") no-repeat center 6px;background-size: auto 20px;}
#ifmbox li.ifhomepage a{background: url("./img/icons/menu/home-shiro.png") no-repeat center 6px;background-size: auto 24px;}
#ifmbox li.ifsns .slidemenu {background: url("./img/icons/menu/shea-s.svg") no-repeat center 6px;background-size: auto 20px;}

#ifmbox #menu-list{display:none}

/* SNSナビメニュー表示 */
#ifmbox li.ifsns{cursor:pointer;}
#smenu{position:absolute;top:50%;right:0;width:0;overflow-x:hidden;overflow-y:auto;transition:all .5s ease-out;transform:translateY(-50%);opacity:0;z-index:-1;}
#smenu.openbox{opacity:1;z-index:11;}
#sns-list,#smenu.openbox{width:240px;}
#sns-list{display:flex;flex-direction:column;justify-content:center;background-color:#eee;margin:0;padding:0;}
#sns-list li{list-style:none;padding:12px;background-color:#fff;margin-bottom:1px;}
#sns-list li:last-child{margin-bottom:0;}
#sns-list li a{padding:0 0 0 32px;display:block;font-size:16px;color:#222;}
#sns-list li.sline a {background: url("./img/icons/line5.png") no-repeat center left;background-size: auto 20px;}
#sns-list li.sinsta a {background: url("./img/icons/instagram.svg") no-repeat center left;background-size: auto 20px;}
#sns-list li.sfb a {background: url("./img/icons/facebook.svg") no-repeat center left;background-size: auto 20px;}
#sns-list li.stw a {background: url("./img/icons/twitter.svg") no-repeat center left;background-size: auto 20px;}
#sns-list li.syt a {background: url("./img/icons/youtube.svg") no-repeat center left -3px;background-size: auto 24px;}
#sns-list li a{}

.sns-close {width:48px;padding:24px 0 4px;margin:8px 0 0 auto;background:#fff url("./img/icons/menu/close-kuro.svg") no-repeat center 5px;background-size: auto 21px;font-size:11px;text-align:center;}

/*--------------------------------------
 Fancybox内メニュー表示
--------------------------------------*/
#menu-list li a{color:#222;font-size:14px;}

/*--------------------------------------
 コピーライト
--------------------------------------*/
#site-generator{position:absolute;bottom:0;width:100%;background-color:#222;font-size:11px;text-align:center;padding:2px 0;color:#fff;}


@media(max-width:940px) {
　　#panobox,#pano{bottom:0px;height: calc(100% - 70px)!important;}
    #pano iframe {height:calc(100vh - 78px)}
    #ifmbox {top:auto;bottom:21px;right:0;left:0;width:100%;padding:4px 0;background-color:#222;}
    #ifmbox ul{justify-content:space-between;}
    #ifmbox ul li{width:20%;text-align:center;border-right:1px solid #fff;padding:0 2%;font-size:8px;}
    #ifmbox ul li:last-child{border:none;}
}

@media(max-width:450px) {
#sns-list li a{font-size:11px;}
#sns-list li a{background-size:auto 18px!important;}
#sns-list li.syt a{background-size:auto 24px!important;}
}
@media(max-width:370px) {
#ifmbox li a{font-size:8px;}
}