@charset "UTF-8";
/* --------------------------------
	general
-------------------------------- */
body {
    background: #0a5094;
    color: #fff;
    font-size: 12px;
    line-height: 1.84;
}

/* --------------------------------
	layout
-------------------------------- */
#container {
    position: relative;
    padding: 42px 0 0;
    text-align: center;
}

.inner {
    margin-right: auto !important;
    margin-left: auto !important;
    width: 270px;
    text-align: left;
}

/* --------------------------------
	block
-------------------------------- */
/* header ------------ */
#header {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 42px;
    background: #0a5094;
}

.hdr_logo {
    text-align: left;
}

.hdr_inner {
    position: relative;
    width: inherit;
    height: inherit;
}

#menu_btn {
    overflow: hidden;
    position: absolute;
    z-index: 100;
    top: 0;
    left: 50%;
    width: 85px;
    height: 42px;
    cursor: pointer;
    background: url(../image/hdr-menu.png) 0 0 no-repeat;
    background-size: 85px 84px;
    white-space: nowrap;
    text-indent: 100%;
}

.is-open #menu_btn {
    background-position: 0 -42px;
}

#menu_navs {
    position: fixed;
    top: 0;
    right: -52%;
    padding: 42px 0 0;
    width: 52%;
    height: 200%;
    -webkit-transition: right .25s;
    transition: right .25s;
    background: rgba(0, 0, 0, 0.8);
}

.is-open #menu_navs {
    right: 0;
    -webkit-transition: right .25s;
    transition: right .25s;
}

.menu_nav {
    border-top: 1px solid #3d3d3d;
}

.menu_nav:last-child {
    border-bottom: 1px solid #3d3d3d;
}

.hdr_snss {
    position: absolute;
    z-index: 100;
    top: 0;
    right: 9px;
    width: 61px;
    height: inherit;
}

.hdr_sns {
    float: left;
}

.hdr_sns + .hdr_sns {
    padding-left: 5px;
}

/* footer ------------ */
#footer {
    padding: 11px 0;
    text-align: center;
    background: #0a5094;
}

.ftr_logo {
    display: inline-block;
    font-size: 0;
}



/* --------------------------------
    colorbox調整
-------------------------------- */

#colorbox,
#cboxOverlay,
#cboxWrapper { overflow: visible; }

#cboxOverlay { background: #000; }

#cboxClose {
    top: 104%;
    left: 50%;
    margin-left: -18px;
    width: 37px;
    height: 39px;
    background: url(/sp/promotion/ana-jsb3/common/lib/colorbox/images/olClose.png) no-repeat left top;
    background-size: 37px 39px;
}

#cboxClose:hover {
    background-position: 0 0;
}



/* --------------------------------
    scrollbar調整
-------------------------------- */

.mCSB_scrollTools .mCSB_draggerRail {
    border-radius: 0;
    width: 15px;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 9px;
}