@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;}
#krpanoSWFObject div{box-sizing:content-box}

/* リスト */
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: #ad8c44;font-size: 14px;
font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Helvetica, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', Verdana, Osaka, sans-serif;}

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

/*--------------------------------------
 カラー変更
--------------------------------------*/

/* メニュー背景 */
.ifmbox{background-color: #ffffffeb;}

/* メニューテキスト・アイコン */
.ifmbox li a, .ifmbox li span{color:#ad8c44;}

/* コピーライト */
#site-generator{background-color: #ffffffeb;color:#ad8c44;}

@media(max-width:940px) {
    .ifmbox{background-color:#ffffffeb;}
    .ifmbox ul li{border-right: 1px solid #ad8c44;}
}

/* ロゴアニメーション */

#pano{opacity:0;z-index:-1;}
#pano.loadend{opacity:1;z-index:1;transition: all 1.5s ease-out;}
#pano.pageshow{opacity:1;z-index:1;}


.top-loding{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100vh;position:fixed;top:0;bottom:0;right:0;left:0;z-index:111;background-color:#fff;}
.top-loding-img img{width:200px;height:auto;}
/* .delay-1{animation-delay: 1s;}
.delay-2{animation-delay: 2s;}
.delay-3{animation-delay: 3s;} */

/*--------------------------------------
 ロゴ
--------------------------------------*/
.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%;z-index:1;height: calc(100% - 16px)!important;}
#panobox iframe{width: 100%;height:100%;}
/* #pano.is-active{-ms-filter: blur(20px);filter: blur(20px);} */
/*--------------------------------------
 ナビメニュー表示
--------------------------------------*/
.ifmbox{position: absolute;top:0;right: 0;padding: 8px 0;z-index:11;}
.ifmbox > ul{display:flex;padding: 0;margin:0;}
.ifmbox ul li{list-style: none;width: auto;padding: 0 24px;text-align:center;}
.ifmbox ul li img{width:25px;height: auto;display: block;margin: 0 auto 3px;border-radius: 300px;}
.ifmbox li a, .ifmbox li span{padding:0;display:block;font-size:11px;}
.ifmbox li span{cursor:pointer;}
.menu-icon::before{display:block;font-size:20px;padding:4px 4px 8px;}



/* SNSナビメニュー表示 */
.slidemenu-list{position:absolute;transform:translateY(50%);right:0;width:320px;max-width:100%;transition:all .3s ease-out;display:none}
.slidemenu-list.is-open{display:block}
.smenu-in{width:240px;margin: auto;position: relative;}
.slidemenu-list ul{margin:auto;display:flex;flex-direction:column;justify-content:center;padding:0;}
.slidemenu-list ul li{list-style:none;padding:12px;background-color:#fff;margin-bottom:1px;}
.slidemenu-list ul li:last-child{margin-bottom:0;}
.slidemenu-list ul li a{display:block;font-size:16px;color:#ad8c44;}
.slidemenu-list ul li.sline a {background: url("./img/icons/line5.png") no-repeat center left;background-size: auto 20px;padding:0 0 0 32px;}
.slidemenu-list ul li.sinsta a {background: url("./img/icons/instagram.svg") no-repeat center left;background-size: auto 20px;padding:0 0 0 32px;}
.slidemenu-list ul li.sfb a {background: url("./img/icons/facebook.svg") no-repeat center left;background-size: auto 20px;padding:0 0 0 32px;}
.slidemenu-list ul li.stw a {background: url("./img/icons/twitter.svg") no-repeat center left;background-size: auto 20px;padding:0 0 0 32px;}
.slidemenu-list ul li.syt a {background: url("./img/icons/youtube.svg") no-repeat center left -3px;background-size: auto 24px;padding:0 0 0 32px;}
.slidemenu-list ul li.menu-close {cursor:pointer;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;}
.slidemenu-list.is-open .menu-icon::before{display:inline-block;}

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

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


@media(max-width:940px) {
    #panobox,#pano{bottom:0px;height: calc(100% - 66px)!important;}
    .slidemenu-list.is-open{transform:translateY(-450px);}
    #pano iframe {height:calc(100vh - 78px)}
    .ifmbox {top:auto;bottom:17px;right:0;left:0;width:100%;padding:4px 0;}
    .ifmbox > ul{justify-content:space-between;}
    .ifmbox > ul > li{flex: 1;text-align:center;padding:0 2%;font-size:8px;}
    .ifmbox > ul > li:last-child{border:none;}
}

@media(max-width:470px) {
    .ifmbox > ul > li{padding:0 4px;}
    .ifmbox > ul > li > a,.ifmbox > ul > li > span{font-size:8px;}
}

@media(max-width:450px) {
    .slidemenu-list li a{font-size:11px;}
    .slidemenu-list .menu-icon::before{vertical-align:middle;font-size:16px;}
    .slidemenu-list li a{background-size:auto 18px!important;}
    .slidemenu-list li.syt a{background-size:auto 24px!important;}
}