/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
    #cboxContent{margin-top:20px;background:#000;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxTitle{top:-20px; left:0; color:#ccc;}
        /*#cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}*/
        #cboxLoadingGraphic{background:url(../img/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
        
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious:hover{opacity: 0.5;}
        #cboxNext:hover{opacity: 0.5;}
        #cboxClose{position:absolute; top:10px; right:5px; background:url(../img/controls.png) no-repeat top center; width:38px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{opacity: 0.5;}
#cboxOverlay {
  background: #000;
}
#cboxLoadedContent {
  background: #fff;
}
#cboxLoadedContent {
  padding: 0;
  overflow: auto;
  -moz-box-shadow: 0px 1px 10px #000000;
  -webkit-box-shadow: 0px 1px 10px #000000;
  box-shadow: 0px 1px 10px #000000;
}
#cboxSlideshow, #cboxTitle {
  top: -30px;
}
#colorbox, #cboxOverlay, #cboxWrapper {
  overflow: visible ;
}
#cboxTitle {
  color: #fff;
}
.inline-content01, .inline-content02, .inline-content03, .inline-content04, .inline-content05, .inline-content06, .inline-content07, .inline-content08, .inline-content09, .inline-content10, .inline-content11, .inline-content12, .inline-content13, .inline-content14, .inline-content15, .inline-content16, .inline-content17, .inline-content18, .inline-content19, .inline-content20, .inline-content21, .inline-content22, .inline-content23, .inline-content24, .inline-content25, .inline-content26, .inline-content27, .inline-content28, .inline-content29, .inline-content30, .inline-content31, .inline-content32, .inline-content33, .inline-content34, .inline-content35, .inline-content36, .inline-content37, .inline-content38, .inline-content39, .inline-content40, .inline-content41, .inline-content42, .inline-content43, .inline-content44, .inline-content45, .inline-content46, .inline-content47, .inline-content48, .inline-content49, .inline-conten50, .inline-conten51, .inline-conten52, .inline-conten53, .inline-conten54, .inline-conten55, .inline-conten56, .inline-conten57, .inline-conten58, .inline-conten59, .inline-conten60, .inline-conten61, .inline-conten62, .inline-conten63, .inline-conten64, .inline-conten65, .inline-conten66, .inline-conten67, .inline-conten68, .inline-conten69, .inline-conten70, .inline-conten71, .inline-conten72, .inline-conten73, .inline-conten74, .inline-conten75, .inline-conten76, .inline-conten77, .inline-conten78, .inline-conten79, .inline-conten80, .inline-conten81, .inline-conten82, .inline-conten83, .inline-conten84, .inline-conten85, .inline-conten86, .inline-conten87, .inline-conten88, .inline-conten89, .inline-conten90, .inline-conten91, .inline-conten92, .inline-conten93, .inline-conten94, .inline-conten95, .inline-conten96, .inline-conten97, .inline-conten98, .inline-conten99, .inline-conten100 {/* インラインを使用する時のみ */
  width: 100%;
}

#ajax-wrap {/* ajaxを使用する時のみ */
  margin: 20px;
}

 @media (max-width:750px) {


}