@charset "UTF-8";
/* ==========================================================
Name:
    plugin.css

Description:
    サイトで使用するjQuery等のプラグインのCSSを記述する
    このCSSファイルにプラグインに付属するCSSを移設する
    このファイルに記述されたスタイルは変更しない
    スタイルの変更が必要な場合、他のCSSファイルにて上書きを行う

Contents:
    Bxslider
    Color Box
========================================================== */
/* ---------------------------------------------
*   Bxslider
--------------------------------------------- */
/* line 1, src/_sass/plugin/jquery.bxslider.min.scss */
.bx-wrapper {
    position: relative;
    margin-bottom: 60px;
    padding: 0;
    border: 5px solid #fff;
    background: #fff;
    -webkit-box-shadow: 0 0 5px #ccc;
    -moz-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;

    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

/* line 1, src/_sass/plugin/jquery.bxslider.min.scss */
.bx-wrapper img {
    display: block;
    max-width: 100%;
}

/* line 1, src/_sass/plugin/jquery.bxslider.min.scss */
.bxslider {
    margin: 0;
    padding: 0;
}

/* line 1, src/_sass/plugin/jquery.bxslider.min.scss */
ul.bxslider {
    list-style: none;
}

/* line 1, src/_sass/plugin/jquery.bxslider.min.scss */
.bx-viewport {
    -webkit-transform: translatez(0);
}

/* line 1, src/_sass/plugin/jquery.bxslider.min.scss */
.bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager {
    position: absolute;
    bottom: -30px;
    width: 100%;
}

/* line 1, src/_sass/plugin/jquery.bxslider.min.scss */
.bx-wrapper .bx-loading {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
    min-height: 50px;
    width: 100%;
    height: 100%;
    background: url(../img/plugin/bx_loader.gif) center center no-repeat #fff;
}

/* line 1, src/_sass/plugin/jquery.bxslider.min.scss */
.bx-wrapper .bx-pager {
    padding-top: 20px;
    color: #666;
    text-align: center;
    font-weight: 700;
    font-size: .85em;
    font-family: Arial;
}

/* line 1, src/_sass/plugin/jquery.bxslider.min.scss */
.bx-wrapper .bx-pager.bx-default-pager a {
    display: block;
    margin: 0 5px;
    width: 10px;
    height: 10px;
    outline: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #666;
    text-indent: -9999px;
}

/* line 1, src/_sass/plugin/jquery.bxslider.min.scss */
.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus, .bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: #000;
}

/* line 1, src/_sass/plugin/jquery.bxslider.min.scss */
.bx-wrapper .bx-controls-auto .bx-controls-auto-item, .bx-wrapper .bx-pager-item {
    display: inline-block;
    vertical-align: bottom;
}

/* line 1, src/_sass/plugin/jquery.bxslider.min.scss */
.bx-wrapper .bx-pager-item {
    font-size: 0;
    line-height: 0;
}

/* line 1, src/_sass/plugin/jquery.bxslider.min.scss */
.bx-wrapper .bx-prev {
    left: 10px;
    background: url(images/controls.png) 0 -32px no-repeat;
}

/* line 1, src/_sass/plugin/jquery.bxslider.min.scss */
.bx-wrapper .bx-prev:focus, .bx-wrapper .bx-prev:hover {
    background-position: 0 0;
}

/* line 1, src/_sass/plugin/jquery.bxslider.min.scss */
.bx-wrapper .bx-next {
    right: 10px;
    background: url(images/controls.png) -43px -32px no-repeat;
}

/* line 1, src/_sass/plugin/jquery.bxslider.min.scss */
.bx-wrapper .bx-next:focus, .bx-wrapper .bx-next:hover {
    background-position: -43px 0;
}

/* line 1, src/_sass/plugin/jquery.bxslider.min.scss */
.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    z-index: 9999;
    margin-top: -16px;
    width: 32px;
    height: 32px;
    outline: 0;
    text-indent: -9999px;
}

/* line 1, src/_sass/plugin/jquery.bxslider.min.scss */
.bx-wrapper .bx-controls-direction a.disabled {
    display: none;
}

/* line 1, src/_sass/plugin/jquery.bxslider.min.scss */
.bx-wrapper .bx-controls-auto {
    text-align: center;
}

/* line 1, src/_sass/plugin/jquery.bxslider.min.scss */
.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    margin: 0 3px;
    width: 10px;
    height: 11px;
    outline: 0;
    background: url(images/controls.png) -86px -11px no-repeat;
    text-indent: -9999px;
}

/* line 1, src/_sass/plugin/jquery.bxslider.min.scss */
.bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:focus, .bx-wrapper .bx-controls-auto .bx-start:hover {
    background-position: -86px 0;
}

/* line 1, src/_sass/plugin/jquery.bxslider.min.scss */
.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    margin: 0 3px;
    width: 9px;
    height: 11px;
    outline: 0;
    background: url(images/controls.png) -86px -44px no-repeat;
    text-indent: -9999px;
}

/* line 1, src/_sass/plugin/jquery.bxslider.min.scss */
.bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:focus, .bx-wrapper .bx-controls-auto .bx-stop:hover {
    background-position: -86px -33px;
}

/* line 1, src/_sass/plugin/jquery.bxslider.min.scss */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    width: 80%;
    text-align: left;
}

/* line 1, src/_sass/plugin/jquery.bxslider.min.scss */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px;
}

/* line 1, src/_sass/plugin/jquery.bxslider.min.scss */
.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #666;
    background: rgba(80, 80, 80, 0.75);
}

/* line 1, src/_sass/plugin/jquery.bxslider.min.scss */
.bx-wrapper .bx-caption span {
    display: block;
    padding: 10px;
    color: #fff;
    font-size: .85em;
    font-family: Arial;
}

/* ---------------------------------------------
*   Color Box
--------------------------------------------- */
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
/* line 5, src/_sass/plugin/colorbox.scss */
#colorbox, #cboxOverlay, #cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
}

/* line 6, src/_sass/plugin/colorbox.scss */
#cboxWrapper {
    max-width: none;
}

/* line 7, src/_sass/plugin/colorbox.scss */
#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
}

/* line 8, src/_sass/plugin/colorbox.scss */
#cboxMiddleLeft, #cboxBottomLeft {
    clear: left;
}

/* line 9, src/_sass/plugin/colorbox.scss */
#cboxContent {
    position: relative;
}

/* line 10, src/_sass/plugin/colorbox.scss */
#cboxLoadedContent {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

/* line 11, src/_sass/plugin/colorbox.scss */
#cboxTitle {
    margin: 0;
}

/* line 12, src/_sass/plugin/colorbox.scss */
#cboxLoadingOverlay, #cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* line 13, src/_sass/plugin/colorbox.scss */
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
    cursor: pointer;
}

/* line 14, src/_sass/plugin/colorbox.scss */
.cboxPhoto {
    display: block;
    float: left;
    margin: auto;
    max-width: none;
    border: 0;
    -ms-interpolation-mode: bicubic;
}

/* line 15, src/_sass/plugin/colorbox.scss */
.cboxIframe {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* line 16, src/_sass/plugin/colorbox.scss */
#colorbox, #cboxContent, #cboxLoadedContent {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    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.
*/
/* line 23, src/_sass/plugin/colorbox.scss */
#cboxOverlay {
    background: #fff;
    opacity: 0.9;
    filter: alpha(opacity=90);
}

/* line 24, src/_sass/plugin/colorbox.scss */
#colorbox {
    outline: 0;
}

/* line 25, src/_sass/plugin/colorbox.scss */
#cboxTopLeft {
    width: 25px;
    height: 25px;
    background: url(../img/plugin/border1.png) no-repeat 0 0;
}

/* line 26, src/_sass/plugin/colorbox.scss */
#cboxTopCenter {
    height: 25px;
    background: url(../img/plugin/border1.png) repeat-x 0 -50px;
}

/* line 27, src/_sass/plugin/colorbox.scss */
#cboxTopRight {
    width: 25px;
    height: 25px;
    background: url(../img/plugin/border1.png) no-repeat -25px 0;
}

/* line 28, src/_sass/plugin/colorbox.scss */
#cboxBottomLeft {
    width: 25px;
    height: 25px;
    background: url(../img/plugin/border1.png) no-repeat 0 -25px;
}

/* line 29, src/_sass/plugin/colorbox.scss */
#cboxBottomCenter {
    height: 25px;
    background: url(../img/plugin/border1.png) repeat-x 0 -75px;
}

/* line 30, src/_sass/plugin/colorbox.scss */
#cboxBottomRight {
    width: 25px;
    height: 25px;
    background: url(../img/plugin/border1.png) no-repeat -25px -25px;
}

/* line 31, src/_sass/plugin/colorbox.scss */
#cboxMiddleLeft {
    width: 25px;
    background: url(../img/plugin/border2.png) repeat-y 0 0;
}

/* line 32, src/_sass/plugin/colorbox.scss */
#cboxMiddleRight {
    width: 25px;
    background: url(../img/plugin/border2.png) repeat-y -25px 0;
}

/* line 33, src/_sass/plugin/colorbox.scss */
#cboxContent {
    overflow: hidden;
    background: #fff;
}

/* line 34, src/_sass/plugin/colorbox.scss */
.cboxIframe {
    background: #fff;
}

/* line 35, src/_sass/plugin/colorbox.scss */
#cboxError {
    padding: 50px;
    border: 1px solid #ccc;
}

/* line 36, src/_sass/plugin/colorbox.scss */
#cboxLoadedContent {
    margin-bottom: 20px;
}

/* line 37, src/_sass/plugin/colorbox.scss */
#cboxTitle {
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    color: #999;
    text-align: center;
}

/* line 38, src/_sass/plugin/colorbox.scss */
#cboxCurrent {
    position: absolute;
    bottom: 0px;
    left: 100px;
    color: #999;
}

/* line 39, src/_sass/plugin/colorbox.scss */
#cboxLoadingOverlay {
    background: #fff url(../img/plugin/loading.gif) no-repeat 5px 5px;
}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
/* line 42, src/_sass/plugin/colorbox.scss */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
    overflow: visible;
    margin: 0;
    padding: 0;
    width: auto;
    border: 0;
    background: none;
}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
/* line 45, src/_sass/plugin/colorbox.scss */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
    outline: 0;
}

/* line 47, src/_sass/plugin/colorbox.scss */
#cboxSlideshow {
    position: absolute;
    right: 42px;
    bottom: 0px;
    color: #444;
}

/* line 48, src/_sass/plugin/colorbox.scss */
#cboxPrevious {
    position: absolute;
    bottom: 0px;
    left: 0;
    color: #444;
}

/* line 49, src/_sass/plugin/colorbox.scss */
#cboxNext {
    position: absolute;
    bottom: 0px;
    left: 63px;
    color: #444;
}

/* line 50, src/_sass/plugin/colorbox.scss */
#cboxClose {
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    color: #444;
    font-size: 20px;
}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
/* line 57, src/_sass/plugin/colorbox.scss */
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}