/*
Theme Name: SKYSHOOT PRO Responsive
Description: dreams e7のPCレイアウトを再現した共通レスポンシブテーマ
Version: 8.4.4
Author: dreams company inc
Requires PHP: 7.4
Text Domain: skyshoot
*/
:root{--sky-navy:#03032e;--sky-blue:#174b8c;--sky-line:#dce3ec}
.sky-skip{position:absolute;top:-100px;left:20px;z-index:9999;background:white;padding:12px}.sky-skip:focus{top:0}
.sky-menu-toggle{display:none}.sky-classic-slider-shell .sky-slideshow{width:1200px;height:500px;margin:auto}.sky-classic-slider-shell .sky-slideshow-controls{right:16px}
#sky-nav li:focus-within>ul{display:block}.sky-site button,.sky-site input,.sky-site select,.sky-site textarea{font-family:inherit}.sky-site button{cursor:pointer}
.sky-site button:focus-visible,.sky-site a:focus-visible{outline:3px solid #ea8a1e;outline-offset:3px}
.sky-post-image-button{display:inline-block;border:0;padding:0;background:transparent;cursor:zoom-in;max-width:100%}.sky-table-scroll{overflow:auto;max-width:100%}
body.home:after,#sky-main:after{content:"";display:table;clear:both}.sky-slideshow-image{max-width:none}
@media(min-width:1200px){.admin-bar #header{top:32px}}
@media(max-width:1199px){
body.sky-site{min-width:0;font-size:17px;overflow-wrap:anywhere}#wrapper,#footer_mgs{width:calc(100% - 32px);max-width:1200px}#header{width:calc(100% - 32px)}
.sky-classic-slider-shell .sky-slideshow{width:100%;max-width:1200px}body.home img,.legacy-content img{max-width:100%}
body.home table{width:100%!important;max-width:100%}body.home td{min-width:0}body.home .msg07b{max-width:100%}
#main2{width:calc(100% - 320px)}#main2 .messagee,.messagee{max-width:100%}.legacy-content table{max-width:100%}.legacy-content iframe{max-width:100%}
}
@media(max-width:1000px){
body.sky-site{font-size:16px;line-height:1.7}#header{position:relative;top:0;background:#fff!important;width:100%;padding:8px 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}
#header>a{display:block;width:70%;max-width:360px;margin:0!important}#header>a img{display:block;width:100%;height:auto}#header .sky-menu-toggle{display:block;width:auto;min-width:80px;min-height:44px;padding:8px;background:#003;color:#fff;border:0;border-radius:4px;font-size:13px}
#header ul.menu{display:none;position:static!important;flex-basis:100%;width:100%;max-height:75vh;overflow:auto}#header ul.menu.sky-menu-open{display:block}#header ul.menu>li{width:100%}#header ul.menu>li>a{text-align:left;padding:12px 18px;font-size:16px}#header ul.menu>li>ul{display:block}#header ul.menu>li>ul>li>a{font-size:14px;text-align:left;padding:8px 30px;white-space:normal}
.sky-header~div[style*="position: fixed"],body.sky-classic div[style*="position: fixed"][style*="height: 100px"],body.sky-classic div[style*="position: fixed"][style*="height: 40px"]{display:none}
#main2{float:none;width:100%;display:block}#sidebar{display:none}.messagee{width:100%;padding:15px 8px}.lll01{width:100%;font-size:20px;padding-left:28px}#footer{height:auto;padding:50px 16px 25px}#footer_mgs{width:100%}.fbox{width:50%;font-size:14px;margin-bottom:22px}#footer a{overflow-wrap:anywhere}
body.home>div[style*="height: 70px"]{height:0!important}.sky-classic-slider-shell{height:360px!important}.sky-classic-slider-shell .sky-slideshow{height:360px}#appear-block{top:115px!important;left:20px;right:20px;width:auto;font-size:16px}#appear-block span{font-size:clamp(16px,3vw,22px)!important}
body.home table,body.home tbody,body.home tr,body.home td{display:block;width:100%!important;max-width:100%}body.home td{padding:8px 0}body.home .msg07b{width:100%!important}body.home div[style*="height: 700px"],body.home div[style*="height: 500px;background-color"],body.home div[style*="height: 500px; background-color"]{height:auto!important;padding-block:20px}body.home img{max-width:100%;height:auto}body.home div[style*="height: 500px;background-color"] img,body.home div[style*="height: 700px;"] img{max-height:400px;width:auto}body.home p[style*="width: 400px"]{max-width:100%}body.home #wrapper{max-width:calc(100% - 32px)}
.mbox,.mbox_nikki{float:none;width:100%;max-width:100%;margin:10px 0;height:auto;min-height:430px}.mbox .msg05,.mbox_nikki .msg05{max-width:100%;margin-inline:auto!important}.sky-classic-listing img{max-width:100%}.legacy-content .sky-layout-table,.legacy-content .sky-layout-table>tbody,.legacy-content .sky-layout-table>tbody>tr,.legacy-content .sky-layout-table>tbody>tr>td{display:block;width:100%!important}.legacy-content .sky-layout-table td{padding:10px 0!important}.legacy-content img{max-width:100%;height:auto!important}.legacy-content [style*="width"]{max-width:100%}.legacy-content iframe{max-width:100%}.legacy-content .alignleft,.legacy-content .alignright{float:none;display:block;margin:15px auto}
.sky-floating-contact{display:none}.sky-lightbox-stage{padding:0;gap:0}.sky-lightbox-stage img{max-width:calc(100% - 80px)}.sky-lightbox-stage button{padding:8px;font-size:32px}.sky-lightbox-toolbar{font-size:13px;padding:10px 12px}.sky-lightbox-toolbar button{white-space:nowrap}.sky-lightbox-caption{padding:12px}
}
.sky-lightbox{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0;padding:0;margin:0;background:#050a12;color:#fff}.sky-lightbox::backdrop{background:#050a12}.sky-lightbox[open]{display:flex;flex-direction:column}.sky-lightbox-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;gap:20px;min-height:65px}.sky-lightbox button{color:#fff;background:#ffffff1a;border:1px solid #ffffff40;border-radius:5px;padding:10px 16px}.sky-lightbox-stage{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:1;min-height:0;padding:0 18px}.sky-lightbox-stage img{display:block;max-width:calc(100% - 130px);width:auto;height:auto;max-height:100%;object-fit:contain;touch-action:pan-y pinch-zoom}.sky-lightbox-stage button{font-size:36px;padding:4px 16px}.sky-lightbox-caption{font-size:14px;text-align:center;padding:14px 20px;margin:0;min-height:48px}.sky-site.sky-modal-open{overflow:hidden}



@media(max-width:1000px){body.home .msg07b{height:auto!important;min-height:250px}body.home div[style*='width:']{max-width:100%}body.home img[style*='width:']{max-width:100%}}

@media(min-width:1001px){.admin-bar #appear-block{top:172px}}@media(min-width:783px) and (max-width:1000px){.admin-bar #appear-block{top:147px!important}}@media(max-width:782px){.admin-bar #appear-block{top:161px!important}}