@charset "UTF-8";

html {
    height: 100% !important;
    overflow-y: scroll
}

body {
    font: 13px/1.231 arial, helvetica, clean, sans-serif;
    *font-size: small;
    *font: x-small
}

button,
input,
select,
textarea {
    font: 99% arial, helvetica, clean, sans-serif
}

table {
    font-size: inherit;
    font: 100%
}

code,
kbd,
pre,
samp,
tt {
    font-family: monospace;
    *font-size: 108%;
    line-height: 130%
}

article,
aside,
body,
dd,
dl,
dt,
figcaption,
figure,
footer,
h1,
h2,
h3,
h4,
h5,
h6,
header,
html,
li,
nav,
ol,
p,
section,
ul {
    font-family: ヒラギノ角ゴ Pro, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
    font-weight: 400;
    margin: 0;
    padding: 0
}

article,
aside,
dd,
dl,
dt,
figcaption,
figure,
footer,
h1,
h2,
h3,
h4,
h5,
h6,
header,
li,
nav,
ol,
p,
section,
ul {
    font-size: 1em
}

body {
    -webkit-text-size-adjust: 100%;
    background: #fff;
    color: #222;
    height: auto;
    line-height: 1.8;
    min-height: 100%;
    position: relative
}

article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section,
span,
summary {
    display: block
}

dd span,
dl span,
dt span,
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span,
li span,
ol span,
p span,
ul span {
    display: inline
}

img {
    border-style: none;
    vertical-align: bottom
}

ol,
ul {
    list-style: none
}

table {
    border-spacing: 0;
    empty-cells: show
}

a,
a:active,
a:hover,
a:link,
a:visited {
    color: #b50029
}

a:link {
    text-decoration: none
}

a:hover {
    text-decoration: underline
}

.font-serif {
    font-family: 游明朝体, Yu Mincho, YuMincho, serif
}

.font-sansSerif {
    font-family: Verdana, Hiragino Kaku Gothic ProN, Meiryo, sans-serif
}

.headingMainTitle {
    background-color: #b6002a;
    color: #fff;
    font-size: 26px;
    font-weight: 400;
    line-height: 1.4;
    overflow: hidden;
    padding: 14px 0
}

.headingMainTitle__txt {
    margin: 0 auto;
    width: 950px
}

.headingType01 {
    font-size: 24px;
    line-height: 1.4;
    margin-bottom: 25px;
    overflow: hidden;
    padding-left: 20px;
    position: relative
}

.headingType01__txt {
    float: left;
    font-size: 24px;
    vertical-align: middle
}

.headingType01__txt:before {
    background-color: #bb143a;
    border-radius: 3px;
    bottom: 3px;
    content: "";
    display: block;
    left: 0;
    line-height: 1;
    position: absolute;
    top: 3px;
    width: 6px
}

.headingType01__txt .icon-rss {
    padding-left: 18px;
    position: relative;
    top: 7px
}

.headingType01__txt .icon-rss img {
    vertical-align: top
}

.headingType01__link {
    border-left: 1px dotted #ab9682;
    float: left;
    font-size: 14px;
    height: 22px;
    line-height: 1.4;
    margin-left: 30px;
    margin-top: 5px;
    padding-left: 30px;
    padding-top: 2px;
    position: relative
}

.headingType02 {
    background: url(../img/bg_gry.png) repeat 0;
    background-color: #f1f0ed;
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 20px;
    overflow: hidden;
    padding: 5px 10px;
    position: relative
}

.headingType02__link {
    font-size: 18px;
    margin-top: -12px;
    position: absolute;
    right: 10px;
    top: 50%
}

.headingType02__link a {
    background: url(../img/icon_link_s_wh.png) no-repeat 0;
    padding-left: 20px
}

.headingType02__link a:active,
.headingType02__link a:hover,
.headingType02__link a:link,
.headingType02__link a:visited {
    color: #fff;
    text-decoration: none
}

.headingType02__link a:hover {
    text-decoration: underline
}

.headingType03 {
    background: url(../img/icon_circle_red.png) no-repeat 6px 5px;
    border-bottom: 1px dotted #ac9783;
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 10px;
    padding-bottom: 5px;
    padding-left: 28px
}

.linkTxt00 {
    background: url(../img/icon_arrow_red.png) no-repeat 0;
    color: #222;
    display: block;
    padding-left: 12px
}

.linkTxt00:active,
.linkTxt00:hover,
.linkTxt00:link,
.linkTxt00:visited {
    color: #222;
    text-decoration: none
}

.linkTxt00:hover {
    text-decoration: underline
}

.linkTxt__wht {
    background: url(../img/icon_arrow_red.png) no-repeat 0;
    color: #222;
    display: block;
    padding-left: 12px
}

.linkTxt__wht:active,
.linkTxt__wht:hover,
.linkTxt__wht:link,
.linkTxt__wht:visited {
    color: #222;
    text-decoration: none
}

.linkTxt__wht:hover {
    text-decoration: underline
}

.linkBtn00 a {
    border: 2px solid #cabdb0;
    border-radius: 8px;
    display: inline-block;
    font-size: 16px;
    line-height: 1.3;
    padding: 12px 32px 12px 20px;
    position: relative
}

.linkBtn00 a:after {
    background: url(../img/icon_arrow_red.png) no-repeat 0;
    content: "";
    display: block;
    height: 12px;
    margin-top: -6px;
    position: absolute;
    right: 12px;
    top: 50%;
    width: 7px
}

.linkBtn00 a:active,
.linkBtn00 a:hover,
.linkBtn00 a:link,
.linkBtn00 a:visited {
    color: #222;
    text-decoration: none
}

.linkBtn00 a:hover {
    border-color: #b50029;
    text-decoration: none
}

.linkBtn01 a {
    background-color: #fff;
    border: 2px solid #cabdb0;
    border-radius: 8px;
    display: block;
    font-size: 16px;
    line-height: 1.3;
    padding: 10px 20px 8px 28px;
    position: relative
}

.linkBtn01 a:after {
    background: url(../img/icon_arrow_red.png) no-repeat 0;
    content: "";
    display: block;
    height: 12px;
    left: 12px;
    margin-top: -6px;
    position: absolute;
    top: 50%;
    width: 7px
}

.linkBtn01 a:active,
.linkBtn01 a:hover,
.linkBtn01 a:link,
.linkBtn01 a:visited {
    color: #222;
    text-decoration: none
}

.linkBtn01 a:hover {
    border-color: #b50029;
    text-decoration: none
}

.link-thumb01 {
    background-color: #fff;
    border: 2px solid #cabdb0;
    border-radius: 8px;
    overflow: hidden
}

a.link-thumb01 {
    display: block
}

a.link-thumb01:hover,
a:hover .link-thumb01 {
    border-color: #b50029
}

.linkPanelBox .is-linkOff,
.linkPanelBox a {
    border: 2px solid #e1e1e1;
    border-radius: 5px;
    display: block;
    font-size: 18px;
    overflow: hidden;
    padding: 8px 8px 12px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.linkPanelBox a:active,
.linkPanelBox a:hover,
.linkPanelBox a:link,
.linkPanelBox a:visited {
    text-decoration: none
}

.linkPanelBox a:hover {
    background-color: #f8f7f5;
    border-color: #b50029
}

.linkPanelBox__img {
    border-radius: 6px;
    margin-bottom: 12px;
    overflow: hidden;
    text-align: center
}

.linkPanelBox__txt {
    background: url(../img/icon_link_s_red.png) no-repeat left 4px;
    line-height: 1.3;
    padding-left: 20px
}

.is-linkOff .linkPanelBox__txt {
    background-image: url(../img/icon_link_s_gr.png);
    color: #c5c5c5
}

.m-bgPattern--dot01 {
    background: url(../img/bg_pattern_dot_01.png) repeat top
}

.m-imgBox {
    margin-bottom: 15px
}

.m-imgBox__caption {
    font-size: 16px;
    margin-top: 8px
}

.u-taL {
    text-align: left
}

.u-taR {
    text-align: right
}

.u-taC {
    text-align: center
}

.u-hide {
    display: none !important
}

.u-mt0 {
    margin-top: 0 !important
}

.u-mb0 {
    margin-bottom: 0 !important
}

.u-pt0 {
    padding-top: 0 !important
}

.u-pb0 {
    padding-bottom: 0 !important
}

.u-mt5 {
    margin-top: 5px !important
}

.u-mb5 {
    margin-bottom: 5px !important
}

.u-pt5 {
    padding-top: 5px !important
}

.u-pb5 {
    padding-bottom: 5px !important
}

.u-mt10 {
    margin-top: 10px !important
}

.u-mb10 {
    margin-bottom: 10px !important
}

.u-pt10 {
    padding-top: 10px !important
}

.u-pb10 {
    padding-bottom: 10px !important
}

.u-mt15 {
    margin-top: 15px !important
}

.u-mb15 {
    margin-bottom: 15px !important
}

.u-pt15 {
    padding-top: 15px !important
}

.u-pb15 {
    padding-bottom: 15px !important
}

.u-mt20 {
    margin-top: 20px !important
}

.u-mb20 {
    margin-bottom: 20px !important
}

.u-pt20 {
    padding-top: 20px !important
}

.u-pb20 {
    padding-bottom: 20px !important
}

.u-mt25 {
    margin-top: 25px !important
}

.u-mb25 {
    margin-bottom: 25px !important
}

.u-pt25 {
    padding-top: 25px !important
}

.u-pb25 {
    padding-bottom: 25px !important
}

.u-mt30 {
    margin-top: 30px !important
}

.u-mb30 {
    margin-bottom: 30px !important
}

.u-pt30 {
    padding-top: 30px !important
}

.u-pb30 {
    padding-bottom: 30px !important
}

.u-mt35 {
    margin-top: 35px !important
}

.u-mb35 {
    margin-bottom: 35px !important
}

.u-pt35 {
    padding-top: 35px !important
}

.u-pb35 {
    padding-bottom: 35px !important
}

.u-mt40 {
    margin-top: 40px !important
}

.u-mb40 {
    margin-bottom: 40px !important
}

.u-pt40 {
    padding-top: 40px !important
}

.u-pb40 {
    padding-bottom: 40px !important
}

.u-mt45 {
    margin-top: 45px !important
}

.u-mb45 {
    margin-bottom: 45px !important
}

.u-pt45 {
    padding-top: 45px !important
}

.u-pb45 {
    padding-bottom: 45px !important
}

.u-mt50 {
    margin-top: 50px !important
}

.u-mb50 {
    margin-bottom: 50px !important
}

.u-pt50 {
    padding-top: 50px !important
}

.u-pb50 {
    padding-bottom: 50px !important
}

.clearfix,
.siteFooter__inner,
.siteFooter__snsBox .fbLink {
    *zoom: 1
}

.clearfix:after,
.siteFooter__inner:after,
.siteFooter__snsBox .fbLink:after {
    clear: both;
    content: "";
    display: table
}

.u-protectCover {
    display: block;
    position: relative
}

.u-protectCover:after {
    background: url(../img/blank.gif) repeat;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

@media print {
    .u-protectCover {
        visibility: hidden
    }

    .cm-movieBox__wrapper iframe,
    object {
        display: none
    }
}

.globalHeader {
    color: #222;
    font: 13px/1.231 arial, helvetica, clean, sans-serif;
    line-height: 1.8
}

.globalHeader ol,
.globalHeader ul {
    list-style: none
}

.globalHeader img {
    vertical-align: bottom
}

.globalHeader a:link {
    text-decoration: none
}

.globalHeader a:hover {
    text-decoration: underline
}

.globalHeader {
    background-color: #fff;
    min-width: 950px;
    width: 100%
}

.globalHeader__inner {
    margin: 0 auto;
    position: relative;
    width: 950px
}

.globalHeader__logo {
    left: 50%;
    line-height: 10px;
    margin-left: -475px;
    position: absolute;
    top: 10px;
    z-index: 1
}

.globalHeader__logo img {
    vertical-align: middle
}

.globalHeader__logoTxt {
    line-height: 10px;
    padding-left: 18px
}

.globalHeader__logo120th {
    padding-left: 10px
}

.globalHeader__companyLink {
    font-size: 12px;
    left: 340px;
    position: absolute;
    top: 27px
}

.globalHeader__utilityNav {
    position: absolute;
    right: 0;
    top: 27px;
    z-index: 2
}

.globalHeader__utilityNav__items {
    float: left
}

.globalHeader__utilityNav__item {
    float: left;
    margin-right: 28px
}

.globalHeader__search {
    border: 1px solid #999;
    border-radius: 11px;
    float: right;
    margin-top: -2px;
    overflow: hidden;
    padding: 1px 10px;
    position: relative
}

.globalHeader__search form {
    line-height: 1
}

.globalHeader__search input[type=submit] {
    background: url(../img/icon_search_01.png) no-repeat center 3px;
    border: 0;
    cursor: pointer;
    height: 22px;
    padding: 0;
    position: absolute;
    right: 3px;
    text-indent: -9999px;
    top: 0;
    width: 22px
}

.globalHeader__searchInput {
    border: none;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    padding: 1px 16px 1px 1px;
    vertical-align: bottom;
    width: 162px
}

.globalHeader__searchInput:focus {
    outline: none
}

.globalHeader .globalNav,
.globalHeader .globalNav--4col,
.globalHeader .globalNav--5col,
.globalHeader .globalNav--6col {
    padding-top: 60px;
    position: relative
}

.globalHeader .globalNav__inner {
    background: url(../img/gnav_bdr_01.png) no-repeat 100%;
    overflow: hidden
}

.globalHeader .globalNav__item {
    background: url(../img/gnav_bdr_01.png) no-repeat 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    padding-left: 1px;
    text-align: center;
    width: 16.7%
}

.globalHeader .globalNav__item:first-child {
    width: 16.5%
}

.globalHeader .globalNav__item>span {
    color: #ccc
}

.globalHeader .globalNav__item>a,
.globalHeader .globalNav__item>span {
    display: block;
    font-size: 14px;
    padding: 8px 0;
    vertical-align: middle
}

.globalHeader .globalNav__item>a:hover,
.globalHeader .globalNav__item>a:link,
.globalHeader .globalNav__item>a:visited {
    color: #222;
    text-decoration: none
}

.globalHeader .globalNav__item.is-current>a,
.globalHeader .globalNav__item>a:hover {
    border-bottom: 2px solid #b6002a;
    padding-bottom: 6px
}

.globalHeader .globalNav__item>a span {
    background: url(../img/header_nav/header_nav_icon.png) no-repeat left -4px;
    -webkit-background-size: 22px auto;
    background-size: 22px auto;
    display: inline-block;
    height: 25px;
    padding-left: 28px
}

.globalHeader .globalNav--4col .globalHeader .globalNav__item {
    width: 25%
}

.globalHeader .globalNav--5col .globalHeader .globalNav__item {
    width: 20%
}

.globalHeader .globalNav--6col .globalHeader .globalNav__item {
    width: 16.7%
}

.globalHeader .globalNav--6col .globalHeader .globalNav__item:first-child {
    width: 16.5%
}

.globalHeader .globalNav__item--01>a span {
    background-position: left -5px
}

.globalHeader .globalNav__item--01 .globalSubNav:before {
    left: 84px
}

.globalHeader .globalNav__item--02>a span {
    background-position: left -45px
}

.globalHeader .globalNav__item--02 .globalSubNav:before {
    left: 268px
}

.globalHeader .globalNav__item--03>a span {
    background-position: left -84px
}

.globalHeader .globalNav__item--04>a span {
    background-position: left -125px
}

.globalHeader .globalNav__item--04 .globalSubNav:before {
    left: 646px
}

.globalHeader .globalNav__item--05>a span {
    background-position: left -165px;
    padding-left: 30px
}

.globalHeader .globalNav__item--06>a span {
    background-position: left -205px;
    padding-left: 28px
}

.globalHeader .globalNav__closeBtn,
.globalHeader__toggleBtn {
    display: none
}

.breadcrumbNav {
    background-color: #ebe5e0;
    min-width: 950px;
    width: 100%
}

.breadcrumbNav ol {
    font-size: 10px;
    line-height: 1;
    margin: 0 auto;
    padding: 10px 0;
    width: 950px
}

.breadcrumbNav li {
    display: inline;
    padding-right: 20px
}

.breadcrumbNav .breadcrumbNav__nolink,
.breadcrumbNav a {
    display: inline-block;
    position: relative
}

.breadcrumbNav .breadcrumbNav__nolink:after,
.breadcrumbNav a:after {
    content: "＞";
    display: block;
    position: absolute;
    right: -18px;
    top: 0
}

.breadcrumbNav a,
.breadcrumbNav a:link,
.breadcrumbNav a:visited {
    color: #222;
    text-decoration: none
}

.breadcrumbNav a:hover {
    color: #222;
    text-decoration: underline
}

.breadcrumbNav--gray {
    background-color: #eee
}

@media only screen and (min-width:821px) {
    .js-navMenu {
        display: block !important
    }
}

@media only screen and (max-width:970px) {
    .globalHeader__inner {
        width: 100%
    }

    .globalHeader__logo {
        left: 10px;
        margin-left: 0;
        top: 10px
    }

    .globalHeader__utilityNav {
        right: 10px
    }
}

@media only screen and (max-width:820px) {
    .globalHeader {
        background-color: #fff;
        min-height: 45px;
        min-width: 100%;
        position: relative;
        width: 100%
    }

    .globalHeader__inner {
        display: none;
        position: relative;
        width: 100%
    }

    .globalHeader__logo {
        line-height: 10px;
        margin-left: 0;
        padding: 8px 0 8px 10px;
        position: static
    }

    .globalHeader__logo img {
        height: auto;
        width: 153px
    }

    .globalHeader__logoTxt {
        line-height: 10px;
        padding-left: 10px
    }

    .globalHeader__logo120th {
        padding-left: 0
    }

    .globalHeader__logo120th img {
        padding-left: 9px;
        position: relative;
        top: 2px;
        width: 43px
    }

    .globalHeader__companyLink {
        font-size: 12px;
        left: 340px;
        position: absolute;
        top: 20px
    }

    .globalHeader__utilityNav {
        position: static
    }

    .globalHeader__utilityNav__items {
        float: none;
        overflow: hidden;
        padding: 12px 0;
        text-align: center
    }

    .globalHeader__utilityNav__item {
        display: inline-block;
        float: none;
        margin: 0 8px
    }

    .globalHeader.bgIllust--spring {
        background: #fff url(/sp/assets/img/bg_illust/bg_spring.png) no-repeat 100% 0;
        -webkit-background-size: 130px 37px;
        background-size: 130px 37px
    }

    .globalHeader.bgIllust--summer {
        background: #fff url(/sp/assets/img/bg_illust/bg_summer.png) no-repeat 100% 0;
        -webkit-background-size: 130px 37px;
        background-size: 130px 37px
    }

    .globalHeader.bgIllust--autumn {
        background: #fff url(/sp/assets/img/bg_illust/bg_autumn.png) no-repeat 100% 0;
        -webkit-background-size: 130px 37px;
        background-size: 130px 37px
    }

    .globalHeader.bgIllust--winter {
        background: #fff url(/sp/assets/img/bg_illust/bg_winter.png) no-repeat 100% 0;
        -webkit-background-size: 130px 37px;
        background-size: 130px 37px
    }

    .globalHeader.bgIllust--sp {
        background: #fff url(/sp/assets/img/bg_illust/bg_sp.png) no-repeat 100% 0;
        -webkit-background-size: 130px 37px;
        background-size: 130px 37px
    }

    .globalHeader__toggleBtn {
        display: block;
        position: absolute;
        right: 0;
        top: 0
    }

    .globalHeader__toggleBtn a {
        background: url(/sp/assets/img/gnav_icon_toggle.png) no-repeat top;
        -webkit-background-size: 45px 90px;
        background-size: 45px 90px;
        display: block;
        height: 45px;
        width: 45px
    }

    .globalHeader__toggleBtn.is-open a {
        background-position: 0 -45px
    }

    .globalHeader__search {
        border: 1px solid #999;
        border-radius: 23px;
        float: none;
        margin: 0 9px;
        overflow: hidden;
        padding: 1px 10px;
        position: relative
    }

    .globalHeader__search form {
        line-height: 1
    }

    .globalHeader__search input[type=submit] {
        background: url(/sp/assets/img/icon_search_01.png) no-repeat center 4px;
        -webkit-background-size: 16px 18px;
        background-size: 16px 18px;
        border: 0;
        cursor: pointer;
        height: 22px;
        padding: 0;
        position: absolute;
        right: 3px;
        text-indent: -9999px;
        top: 0;
        width: 22px
    }

    .globalHeader__searchInput {
        border: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 12px;
        height: 25px;
        line-height: 25px;
        padding-right: 20px;
        vertical-align: bottom;
        width: 100%
    }

    .globalHeader__searchInput:focus {
        outline: none
    }

    .globalHeader .globalNav,
    .globalHeader .globalNav--4col,
    .globalHeader .globalNav--5col,
    .globalHeader .globalNav--6col {
        padding-top: 0
    }

    .globalHeader .globalNav__inner {
        background: none;
        border-top: 1px solid #e1d7cf;
        overflow: hidden
    }

    .globalHeader .globalNav__item {
        background: none;
        border-bottom: 1px solid #e1d7cf;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        float: none;
        padding-left: 0;
        text-align: left;
        width: 100%
    }

    .globalHeader .globalNav__item:first-child {
        width: 100%
    }

    .globalHeader .globalNav__item a {
        display: block;
        font-size: 12px;
        padding: 8px 10px;
        position: relative;
        vertical-align: middle
    }

    .globalHeader .globalNav__item a:after {
        background: url(/sp/assets/img/gnav_icon_arrow.png) no-repeat top;
        -webkit-background-size: 7px 10px;
        background-size: 7px 10px;
        content: "";
        display: block;
        height: 10px;
        margin-top: -5px;
        position: absolute;
        right: 5px;
        top: 50%;
        width: 7px
    }

    .globalHeader .globalNav__item a:hover,
    .globalHeader .globalNav__item a:link,
    .globalHeader .globalNav__item a:visited {
        color: #222;
        text-decoration: none
    }

    .globalHeader .globalNav__item a:hover,
    .globalHeader .globalNav__item.is-current a {
        border-bottom: none;
        padding-bottom: 8px
    }

    .globalHeader .globalNav__item>a span {
        height: auto
    }

    .globalHeader .globalNav__closeBtn {
        display: block;
        text-align: center
    }

    .globalHeader .globalNav__closeBtn a {
        background-color: #b6002a;
        display: block;
        font-size: 12px;
        line-height: 12px;
        padding: 8px 10px;
        position: relative
    }

    .globalHeader .globalNav__closeBtn a:before {
        background: url(/sp/assets/img/gnav_icon_close_01.png) no-repeat top;
        -webkit-background-size: 12px 12px;
        background-size: 12px 12px;
        content: "";
        display: inline-block;
        height: 12px;
        margin-right: 8px;
        position: relative;
        top: 2px;
        width: 12px
    }

    .globalHeader .globalNav__closeBtn a:hover,
    .globalHeader .globalNav__closeBtn a:link,
    .globalHeader .globalNav__closeBtn a:visited {
        color: #fff;
        text-decoration: none
    }

    .breadcrumbNav {
        display: none
    }
}

.globalFooter,
.siteFooter {
    color: #222;
    line-height: 1.8
}

.globalFooter img,
.siteFooter img {
    vertical-align: bottom
}

.globalFooter ol,
.globalFooter ul,
.siteFooter ol,
.siteFooter ul {
    list-style: none
}

.siteFooter__pageTop {
    bottom: 30px;
    position: absolute;
    right: 30px;
    z-index: 20
}

.siteFooter__pageTop a {
    background-image: url(../img/btn_pagetop.png);
    background-repeat: no-repeat;
    display: block;
    height: 50px;
    outline: none;
    text-indent: -999em;
    width: 50px
}

.siteFooter__pageTop.fixBottom {
    position: fixed
}

.globalFooter {
    background-color: #fff;
    border-top: 1px solid #e1e1e1;
    clear: both;
    font-family: Hiragino Kaku Gothic ProN, Meiryo, sans-serif;
    min-width: 950px;
    width: 100%
}

.globalFooter__inner {
    margin: 0 auto;
    overflow: hidden;
    padding: 18px 0 20px;
    position: relative;
    width: 950px
}

.globalFooter__links {
    float: left
}

.globalFooter__links__item {
    display: inline-block;
    font-size: 12px;
    margin-left: 25px
}

.globalFooter__links__item:first-child {
    margin-left: 0
}

.globalFooter__links__item a,
.globalFooter__links__item a:link,
.globalFooter__links__item a:visited {
    color: #222;
    text-decoration: none
}

.globalFooter__links__item a:hover {
    color: #222;
    text-decoration: underline
}

.globalFooter__logoBox {
    float: right;
    text-align: right
}

.globalFooter__logo {
    margin-bottom: 4px
}

.globalFooter__copyright small {
    font-size: 10px
}

.siteFooter {
    background: #fff;
    border-top: 1px solid #e1e1e1;
    color: #333;
    font-family: Hiragino Kaku Gothic ProN, Meiryo, sans-serif;
    min-width: 950px
}

.siteFooter__inner {
    margin: 0 auto;
    padding: 32px 0;
    width: 950px
}

.siteFooter a,
.siteFooter a:link,
.siteFooter a:visited {
    color: #333;
    text-decoration: none
}

.siteFooter a:hover {
    text-decoration: underline
}

.siteFooter__wrapper {
    background: url(../img/bg_otherlink_Jaggy.png) repeat-x top;
    margin-top: -6px;
    padding-top: 6px;
    position: relative
}

.siteFooter__wrapper .siteFooter {
    border-top: none
}

.siteFooter__linkBox {
    clear: left;
    margin-bottom: 15px;
    overflow: hidden
}

.siteFooter__linkBox__wrapper {
    float: left;
    width: 680px
}

.siteFooter__linkBoxes02 {
    border-top: 1px dotted #dbcfc3;
    padding-top: 20px
}

.siteFooter__linkBox__title {
    clear: left;
    float: left;
    font-size: 12px
}

.siteFooter__linkBox__items {
    padding: 2px 0 0 108px
}

.siteFooter__linkBox__item {
    float: left;
    font-size: 10px;
    line-height: 1.8;
    margin-left: 20px
}

.siteFooter__bnrBox {
    float: right;
    width: 228px
}

.siteFooter__bnrBox__title {
    clear: left;
    font-size: 12px;
    margin-bottom: 8px
}

.siteFooter__snsBox {
    background-color: #fff;
    border-radius: 8px;
    margin-bottom: 22px;
    padding: 10px 0
}

.siteFooter__snsBox .fbLink {
    border-bottom: 1px dotted #dbcfc3;
    padding-bottom: 10px
}

.siteFooter__snsBox .fbLink__thumb {
    float: left;
    padding: 0 12px 0 30px
}

.siteFooter__snsBox .fbLink__txt {
    color: #333;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 3px
}

.siteFooter__snsBox .fbLink__txt a {
    color: #333
}

.siteFooter__snsBox .fb-like {
    line-height: 10px
}

.siteFooter__snsBox__link {
    padding: 8px 0 0;
    text-align: center
}

.siteFooter__bnr {
    border-radius: 8px;
    margin-bottom: 10px;
    overflow: hidden
}

.siteFooter__bnr a {
    background-color: #fff;
    display: block
}

.siteFooter__bnr a:hover img {
    opacity: .7
}

.footerOtherLinkBox {
    background: #998069 url(../img/bg_otherlink.png) repeat top;
    min-width: 950px
}

.footerOtherLinkBox__inner {
    margin: 0 auto;
    overflow: hidden;
    padding: 40px 0;
    width: 950px
}

.footerOtherLink__items {
    float: left;
    padding: 13px 0 0
}

.footerOtherLink__item {
    float: left;
    margin-right: 30px
}

.footerOtherLink__item a:hover img {
    opacity: .7
}

.footerOtherLink_bnr {
    float: right
}

.footerOtherLink_bnr a:hover img {
    opacity: .7
}

.siteFooterColor--brown .siteFooter {
    background: #998069 url(../img/bg_otherlink.png) repeat top;
    color: #fff
}

.siteFooterColor--brown .siteFooter a,
.siteFooterColor--brown .siteFooter a:link,
.siteFooterColor--brown .siteFooter a:visited {
    color: #fff
}

.siteFooterColor--brown .siteFooter__linkBoxes02 {
    border-top: 1px dotted #fff
}

.siteFooterColor--brown .siteFooter__snsBox .fbLink__txt,
.siteFooterColor--brown .siteFooter__snsBox .fbLink__txt a {
    color: #333
}

@media only screen and (max-width:820px) {
    .globalFooter {
        background-color: #fff;
        border-top: 1px solid #e1d9d2;
        clear: both;
        color: #333;
        line-height: 1.8;
        min-width: 0;
        text-align: left
    }

    .globalFooter__inner {
        margin: 0 auto;
        overflow: hidden;
        padding: 10px 10px 15px;
        position: relative;
        width: auto
    }

    .globalFooter__links {
        float: none;
        margin-left: -13px;
        padding-bottom: 12px
    }

    .globalFooter__links__item {
        display: inline-block;
        font-size: 10px;
        margin-left: 10px;
        white-space: nowrap
    }

    .globalFooter__links__item a,
    .globalFooter__links__item a:link,
    .globalFooter__links__item a:visited {
        color: #222;
        text-decoration: none
    }

    .globalFooter__links__item a:hover {
        color: #222;
        text-decoration: underline
    }

    .globalFooter__links__item:first-child {
        margin-left: 10px
    }

    .globalFooter__logoBox {
        float: none;
        text-align: left
    }

    .globalFooter__logo {
        float: left;
        margin-bottom: 8px
    }

    .globalFooter__logo img {
        height: 19px;
        width: 166px
    }

    .globalFooter__copyright {
        clear: both
    }

    .globalFooter__copyright small {
        font-size: 9px
    }
}