/**
 * Featherlight - ultra slim jQuery lightbox
 * Version 1.7.9 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2017, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
@media all{html.with-featherlight{overflow:hidden}.featherlight{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483647;text-align:center;white-space:nowrap;cursor:pointer;background:#333;background:rgba(0,0,0,0)}.featherlight:last-of-type{background:rgba(0,0,0,.8)}.featherlight:before{content:'';display:inline-block;height:100%;vertical-align:middle}.featherlight .featherlight-content{position:relative;text-align:left;vertical-align:middle;display:inline-block;overflow:auto;padding:25px 25px 0;border-bottom:25px solid transparent;margin-left:5%;margin-right:5%;max-height:95%;background:#fff;cursor:auto;white-space:normal}.featherlight .featherlight-inner{display:block}.featherlight link.featherlight-inner,.featherlight script.featherlight-inner,.featherlight style.featherlight-inner{display:none}

/*閉じるボタン*/
.featherlight .featherlight-close-icon{
/*position: absolute;
bottom:0;
left:24px;
margin: auto;
width: 204px;
height: 70px;
text-align: center;
display: block;
border: none;
line-height: 40px;
font-size: 16px;
background: url(/img/service/btn_close.png) 50% 50% no-repeat;*/

font-size:22px;
position:absolute;z-index:9999;top:0;right:0;line-height:40px;width:40px;cursor:pointer;text-align:center;font-family:Arial,sans-serif;background:#fff;background:rgba(255,255,255,.8);color:#000;border:0;padding:0
}

.featherlight .featherlight-close-icon::-moz-focus-inner{border:0;padding:0}.featherlight .featherlight-image{width:100%}.featherlight-iframe .featherlight-content{border-bottom:0;padding:0;-webkit-overflow-scrolling:touch;overflow-y:scroll}.featherlight iframe{border:0}.featherlight *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}}@media only screen and (max-width:1024px){.featherlight .featherlight-content{margin-left:0;margin-right:0;max-height:98%;padding:10px 10px 0;border-bottom:10px solid transparent}}@media print{@page{size:landscape}html.with-featherlight>*>:not(.featherlight){display:none}}


.lightbox {
display: none;
}


.featherlight-content{
position: relative;
width:994px;
max-width: 94%;
padding: 25px;
background: #fff;
text-align: left;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
      box-sizing: border-box;
}

.staff_detail.lightbox {
padding: 20px 20px;
}


.lightbox .featherlight-close-icon.close_btn {
position: absolute;
bottom:45px;
left:24px;
margin: auto;
width: 204px;
height: 70px;
text-align: center;
display: block;
border: none;
line-height: 40px;
font-size: 16px;
background: url(/img/service/btn_close.png) 50% 50% no-repeat;
}

.featherlight-next,
.featherlight-previous {
    display: block;
    position: absolute;     
    top: 25px;
    right: 0px;
    bottom: 0;
    left: 80%;
    cursor: pointer;
    /* preventing text selection */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    /* IE9 hack, otherwise navigation doesn't appear */
    background: rgba(0,0,0,0);
}

.featherlight-previous {
    left:  0px;
    right: 80%;     
}

.featherlight-next:hover,
.featherlight-previous:hover {
    background: rgba(0,0,0,0.0);
}

.featherlight-next span,
.featherlight-previous span {
display: none;
    position: absolute;
        top: 50%;
        width: 80%; 
        font-size: 22px;
        line-height: 50px;
        /* center vertically */
        margin-top: -40px;
        color: #777;
        font-style: normal;
        font-weight: normal;
        text-shadow: 0px 0px 3px #888;
}

.featherlight-next span {
    right: 7px;
    left: auto;
    text-align: right;
}

.featherlight-previous span {
    right: 0px;
    left: 7px;      
    text-align: left;
}


.featherlight-next:hover span,
.featherlight-previous:hover span {
    display: inline-block;
}



@media screen and (max-width: 480px) {/*-----------------------------*/

.staff_detail.lightbox {
padding: 0px 0px 10px;
}


.featherlight-content{
/*border: 3px solid #01b901!important;*/
}


/*閉じるボタン*/
.featherlight .featherlight-close-icon{
font-size:22px;
position:fixed;
top:8px;right:12px;
}

/* Hide navigation while loading */
.featherlight-loading .featherlight-previous, .featherlight-loading .featherlight-next {
        display:none;
}

@media screen and (max-width: 320px) {/*-----------------------------*/
#line_box.lightbox p.stit{
font-size:20px;
}

}