@charset "UTF-8";

/* -------------------------------------------------------------------------

-- This CSS is generated by Sass. Please do not never be edited directly. --

------------------------------------------------------------------------- */

/*-----------------------------------------------*/

/* Reset & Default Setting ----------------------*/

/*

YUI 3.14.1 (build 63049cb)

Copyright 2013 Yahoo! Inc. All rights reserved.

Licensed under the BSD License.

http://yuilibrary.com/license/

*/

html {

  overflow-y: scroll;

  height: 100% !important;

}



body {

  font: 13px/1.231 arial,helvetica,clean,sans-serif;

  *font-size: small;

  /* for IE */

  *font: x-small;

  /* for IE in quirks mode */

}



select, input, button, textarea, button {

  font: 99% arial,helvetica,clean,sans-serif;

}



table {

  font-size: inherit;

  font: 100%;

}



pre, code, kbd, samp, tt {

  font-family: monospace;

  *font-size: 108%;

  line-height: 130%;

}



html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p,

header, section, article, aside, footer, figure, figcaption, nav {

  margin: 0;

  padding: 0;

  font-weight: normal;

  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}



h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p,

header, section, article, aside, footer, figure, figcaption, nav {

  font-size: 1em;

}



body {

  color: #222;

  line-height: 1.8;

  -webkit-text-size-adjust: 100%;

  height: auto;

  min-height: 100%;

  position: relative;

  background: #fff;

}



article, aside, canvas, details, figcaption, figure,

footer, header, menu, nav, section, summary {

  display: block;

}



span {

  display: block;

}



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

  display: inline;

}



img {

  border-style: none;

  vertical-align: bottom;

}



ul, ol {

  list-style: none;

}



table {

  border-spacing: 0;

  empty-cells: show;

}



a, a:link, a:visited, a:hover, a:active {

  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 {

  font-size: 26px;

  font-weight: normal;

  line-height: 1.4;

  padding: 14px 0;

  overflow: hidden;

  background-color: #b6002a;

  color: #fff;

}



.headingMainTitle__txt {

  width: 950px;

  margin: 0 auto;

}



.headingType01 {

  font-size: 24px;

  padding-left: 20px;

  position: relative;

  line-height: 1.4;

  margin-bottom: 25px;

  overflow: hidden;

}



.headingType01__txt {

  font-size: 24px;

  float: left;

  vertical-align: middle;

}

.headingType01__txt:before {

  line-height: 1;

  content: "";

  width: 6px;

  display: block;

  background-color: #bb143a;

  border-radius: 3px;

  position: absolute;

  top: 3px;

  bottom: 3px;

  left: 0;

}

.headingType01__txt .icon-rss {

  position: relative;

  top: 7px;

  padding-left: 18px;

}

.headingType01__txt .icon-rss img {

  vertical-align: top;

}



.headingType01__link {

  font-size: 14px;

  margin-left: 30px;

  padding-left: 30px;

  border-left: dotted 1px #ab9682;

  height: 22px;

  line-height: 1.4;

  position: relative;

  margin-top: 5px;

  padding-top: 2px;

  float: left;

}



.headingType02 {

  font-size: 18px;

  padding: 5px 10px 5px 10px;

  position: relative;

  line-height: 1.4;

  margin-bottom: 20px;

  overflow: hidden;

  background: url(../img/bg_gry.png) repeat center left;

  background-color: #f1f0ed;

}



.headingType02__link {

  font-size: 18px;

  position: absolute;

  right: 10px;

  top: 50%;

  margin-top: -12px;

}

.headingType02__link a {

  background: url(../img/icon_link_s_wh.png) no-repeat left center;

  padding-left: 20px;

}

.headingType02__link a:link, .headingType02__link a:visited, .headingType02__link a:hover, .headingType02__link a:active {

  color: #fff;

  text-decoration: none;

}

.headingType02__link a:hover {

  text-decoration: underline;

}



.headingType03 {

  font-size: 18px;

  line-height: 1.4;

  border-bottom: dotted 1px #ac9783;

  background: url(../img/icon_circle_red.png) no-repeat 6px 5px;

  padding-left: 28px;

  padding-bottom: 5px;

  margin-bottom: 10px;

}



.linkTxt00 {

  color: #222;

  background: url(../img/icon_arrow_red.png) no-repeat left center;

  padding-left: 12px;

  display: block;

}

.linkTxt00:link, .linkTxt00:visited, .linkTxt00:hover, .linkTxt00:active {

  color: #222;

  text-decoration: none;

}

.linkTxt00:hover {

  text-decoration: underline;

}



.linkTxt__wht {

  color: #222;

  background: url(../img/icon_arrow_red.png) no-repeat left center;

  padding-left: 12px;

  display: block;

}

.linkTxt__wht:link, .linkTxt__wht:visited, .linkTxt__wht:hover, .linkTxt__wht:active {

  color: #222;

  text-decoration: none;

}

.linkTxt__wht:hover {

  text-decoration: underline;

}



.linkBtn00 a {

  display: inline-block;

  font-size: 16px;

  padding: 12px 32px 12px 20px;

  border: solid 2px #cabdb0;

  border-radius: 8px;

  position: relative;

  line-height: 1.3;

}

.linkBtn00 a:after {

  content: "";

  width: 7px;

  height: 12px;

  display: block;

  background: url(../img/icon_arrow_red.png) no-repeat left center;

  position: absolute;

  top: 50%;

  right: 12px;

  margin-top: -6px;

}

.linkBtn00 a:link, .linkBtn00 a:visited, .linkBtn00 a:hover, .linkBtn00 a:active {

  color: #222;

  text-decoration: none;

}

.linkBtn00 a:hover {

  text-decoration: none;

  border-color: #b50029;

}



.linkBtn01 a {

  display: block;

  font-size: 16px;

  padding: 10px 20px 8px 28px;

  border: solid 2px #cabdb0;

  background-color: #fff;

  border-radius: 8px;

  position: relative;

  line-height: 1.3;

}

.linkBtn01 a:after {

  content: "";

  width: 7px;

  height: 12px;

  display: block;

  background: url(../img/icon_arrow_red.png) no-repeat left center;

  position: absolute;

  top: 50%;

  left: 12px;

  margin-top: -6px;

}

.linkBtn01 a:link, .linkBtn01 a:visited, .linkBtn01 a:hover, .linkBtn01 a:active {

  color: #222;

  text-decoration: none;

}

.linkBtn01 a:hover {

  text-decoration: none;

  border-color: #b50029;

}



.link-thumb01 {

  border: solid 2px #cabdb0;

  border-radius: 8px;

  background-color: #fff;

  overflow: hidden;

}



a.link-thumb01 {

  display: block;

}



a.link-thumb01:hover {

  border-color: #b50029;

}



a:hover .link-thumb01 {

  border-color: #b50029;

}



.linkPanelBox a, .linkPanelBox .is-linkOff {

  display: block;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

  padding: 8px 8px 12px;

  border: solid 2px #e1e1e1;

  border-radius: 5px;

  overflow: hidden;

  font-size: 18px;

}

.linkPanelBox a:link, .linkPanelBox a:visited, .linkPanelBox a:hover, .linkPanelBox a:active {

  text-decoration: none;

}

.linkPanelBox a:hover {

  background-color: #f8f7f5;

  border-color: #b50029;

}



.linkPanelBox__img {

  text-align: center;

  border-radius: 6px;

  overflow: hidden;

  margin-bottom: 12px;

}



.linkPanelBox__txt {

  line-height: 1.3;

  background: url(../img/icon_link_s_red.png) no-repeat left 4px;

  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 center 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: 0px !important;

}



.u-mb0 {

  margin-bottom: 0px !important;

}



.u-pt0 {

  padding-top: 0px !important;

}



.u-pb0 {

  padding-bottom: 0px !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 {

  content: "";

  display: table;

  clear: both;

}



.u-protectCover {

  position: relative;

  display: block;

}

.u-protectCover:after {

  content: "";

  width: 100%;

  height: 100%;

  display: block;

  position: absolute;

  top: 0;

  left: 0;

  background: url(../img/blank.gif) repeat;

  z-index: 1;

}



@media print {

  .u-protectCover {

    visibility: hidden;

  }



  object {

    display: none;

  }



  .cm-movieBox__wrapper iframe {

    display: none;

  }

}

.globalHeader {

  color: #222;

  font: 13px/1.231 arial,helvetica,clean,sans-serif;

  line-height: 1.8;

}

.globalHeader ul, .globalHeader ol {

  list-style: none;

}

.globalHeader img {

  vertical-align: bottom;

}

.globalHeader a:link {

  text-decoration: none;

}

.globalHeader a:hover {

  text-decoration: underline;

}



.globalHeader {

  background-color: #fff;

  width: 100%;

  min-width: 950px;

}

.globalHeader__inner {

  width: 950px;

  margin: 0 auto;

  position: relative;

}

.globalHeader__logo {

  position: absolute;

  top: 10px;

  left: 50%;

  line-height: 10px;

  z-index: 1;

  margin-left: -475px;

}

.globalHeader__logo img {
  vertical-align: middle;
}

.globalHeader__logoTxt {

  line-height: 10px;

  padding-left: 18px;

}

.globalHeader__logo120th {
  padding-left: 10px;
}

.globalHeader__companyLink {

  position: absolute;

  top: 27px;

  left: 340px;

  font-size: 12px;

}

.globalHeader__utilityNav {

  position: absolute;

  top: 27px;

  right: 0;

  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;

  padding: 1px 10px 1px;

  margin-top: -2px;

  float: right;

  overflow: hidden;

  position: relative;

}

.globalHeader__search form {

  line-height: 1;

}

.globalHeader__search input[type="submit"] {

  position: absolute;

  right: 3px;

  top: 0;

  width: 22px;

  height: 22px;

  padding: 0;

  border: 0;

  background: url(../img/icon_search_01.png) no-repeat center 3px;

  text-indent: -9999px;

  cursor: pointer;

}



.globalHeader__searchInput {

  width: 162px;

  padding: 1px;

  padding-right: 16px;

  height: 18px;

  line-height: 18px;

  vertical-align: bottom;

  font-size: 12px;

  border: none;

}

.globalHeader__searchInput:focus {

  outline: none;

}



.globalHeader .globalNav, .globalHeader .globalNav--4col, .globalHeader .globalNav--5col, .globalHeader .globalNav--6col {

  padding-top: 60px;

  position: relative;

}

.globalHeader .globalNav__inner {

  overflow: hidden;

  background: url(../img/gnav_bdr_01.png) no-repeat right center;

}

.globalHeader .globalNav__item {

  float: left;

  width: 16.7%;

  text-align: center;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  background: url(../img/gnav_bdr_01.png) no-repeat left center;

  padding-left: 1px;

}

.globalHeader .globalNav__item:first-child {

  width: 16.5%;

}

.globalHeader .globalNav__item > span {

  font-size: 14px;

  display: block;

  padding: 8px 0;

  vertical-align: middle;

  color: #ccc;

}

.globalHeader .globalNav__item > a {

  font-size: 14px;

  display: block;

  padding: 8px 0;

  vertical-align: middle;

}

.globalHeader .globalNav__item > a:link, .globalHeader .globalNav__item > a:visited, .globalHeader .globalNav__item > a:hover {

  text-decoration: none;

  color: #222;

}

.globalHeader .globalNav__item > a:hover, .globalHeader .globalNav__item.is-current > a {

  border-bottom: solid 2px #b6002a;

  padding-bottom: 6px;

}

.globalHeader .globalNav__item > a span {

  display: inline-block;

  height: 25px;

  background: url(../img/header_nav/header_nav_icon.png) no-repeat left -4px;

  -webkit-background-size: 22px auto;

          background-size: 22px auto;

  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__toggleBtn {

  display: none;

}



.globalHeader .globalNav__closeBtn {

  display: none;

}



.breadcrumbNav {

  width: 100%;

  min-width: 950px;

  background-color: #ebe5e0;

}

.breadcrumbNav ol {

  font-size: 10px;

  padding: 10px 0;

  width: 950px;

  margin: 0 auto;

  line-height: 1;

}

.breadcrumbNav li {

  display: inline;

  padding-right: 20px;

}

.breadcrumbNav a, .breadcrumbNav .breadcrumbNav__nolink {

  position: relative;

  display: inline-block;

}

.breadcrumbNav a:after, .breadcrumbNav .breadcrumbNav__nolink:after {

  content: "＞";

  display: block;

  position: absolute;

  right: -18px;

  top: 0px;

}

.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 {

    min-width: 100%;

  }

  .globalHeader__inner {

    width: 100%;

  }

  .globalHeader__logo {

    top: 10px;

    left: 10px;

    margin-left: 0;

  }

  .globalHeader__utilityNav {

    right: 10px;

  }

}

@media only screen and (max-width: 820px) {

  .globalHeader {

    background-color: #fff;

    width: 100%;

    position: relative;

    min-height: 45px;

    min-width: 100%;

  }

  .globalHeader__inner {

    position: relative;

    display: none;

    width: 100%;

  }

  .globalHeader__logo {

    line-height: 10px;

    padding: 5px 0 5px 10px;

    position: static;

    margin-left: 0;

  }

  .globalHeader__logo img {

    width: 153px;

    height: auto;

  }

  .globalHeader__logoTxt {

    line-height: 10px;

    padding-left: 10px;

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

  .globalHeader__companyLink {

    position: absolute;

    top: 20px;

    left: 340px;

    font-size: 12px;

  }

  .globalHeader__utilityNav {

    position: static;

  }

  .globalHeader__utilityNav__items {

    overflow: hidden;

    text-align: center;

    padding: 12px 0;

    float: none;

  }

  .globalHeader__utilityNav__item {

    display: inline-block;

    margin: 0 8px;

    float: none;

  }

  .globalHeader.bgIllust--spring {

    background: #fff url(../../sp/assets/img/bg_illust/bg_spring.png) no-repeat top right;

    -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 top right;

    -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 top right;

    -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 top right;

    -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 top right;

    -webkit-background-size: 130px 37px;

            background-size: 130px 37px;

  }



  .globalHeader__toggleBtn {

    position: absolute;

    top: 0;

    right: 0;

    display: block;

  }

  .globalHeader__toggleBtn a {

    width: 45px;

    height: 45px;

    display: block;

    background: url(../../sp/assets/img/gnav_icon_toggle.png) no-repeat center top;

    -webkit-background-size: 45px 90px;

            background-size: 45px 90px;

  }

  .globalHeader__toggleBtn.is-open a {

    background-position: 0 -45px;

  }



  .globalHeader__search {

    border: 1px solid #999;

    border-radius: 23px;

    padding: 1px 10px 1px;

    margin: 0 9px;

    overflow: hidden;

    position: relative;

    float: none;

  }

  .globalHeader__search form {

    line-height: 1;

  }

  .globalHeader__search input[type="submit"] {

    position: absolute;

    right: 3px;

    top: 0px;

    width: 22px;

    height: 22px;

    padding: 0;

    border: 0;

    background: url(../../sp/assets/img/icon_search_01.png) no-repeat center 4px;

    -webkit-background-size: 16px 18px;

            background-size: 16px 18px;

    text-indent: -9999px;

    cursor: pointer;

  }



  .globalHeader__searchInput {

    height: 25px;

    width: 100%;

    padding-right: 20px;

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    line-height: 25px;

    vertical-align: bottom;

    font-size: 12px;

    border: none;

  }

  .globalHeader__searchInput:focus {

    outline: none;

  }



  .globalHeader .globalNav, .globalHeader .globalNav--4col, .globalHeader .globalNav--5col, .globalHeader .globalNav--6col {

    padding-top: 0;

  }

  .globalHeader .globalNav__inner {

    overflow: hidden;

    border-top: solid 1px #e1d7cf;

    background: none;

  }

  .globalHeader .globalNav__item {

    text-align: left;

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    border-bottom: solid 1px #e1d7cf;

    float: none;

    width: 100%;

    background: none;

    padding-left: 0px;

  }

  .globalHeader .globalNav__item:first-child {

    width: 100%;

  }

  .globalHeader .globalNav__item a {

    font-size: 12px;

    display: block;

    position: relative;

    padding: 8px 10px;

    vertical-align: middle;

  }

  .globalHeader .globalNav__item a:after {

    content: "";

    width: 7px;

    height: 10px;

    display: block;

    background: url(../../sp/assets/img/gnav_icon_arrow.png) no-repeat center top;

    -webkit-background-size: 7px 10px;

            background-size: 7px 10px;

    position: absolute;

    top: 50%;

    right: 5px;

    margin-top: -5px;

  }

  .globalHeader .globalNav__item a:link, .globalHeader .globalNav__item a:visited, .globalHeader .globalNav__item a:hover {

    text-decoration: none;

    color: #222;

  }

  .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 {

    text-align: center;

    display: block;

  }

  .globalHeader .globalNav__closeBtn a {

    font-size: 12px;

    line-height: 12px;

    display: block;

    position: relative;

    padding: 8px 10px;

    background-color: #b6002a;

  }

  .globalHeader .globalNav__closeBtn a:before {

    content: "";

    width: 12px;

    height: 12px;

    display: inline-block;

    background: url(../../sp/assets/img/gnav_icon_close_01.png) no-repeat center top;

    -webkit-background-size: 12px 12px;

            background-size: 12px 12px;

    position: relative;

    margin-right: 8px;

    top: 2px;

  }

  .globalHeader .globalNav__closeBtn a:link, .globalHeader .globalNav__closeBtn a:visited, .globalHeader .globalNav__closeBtn a:hover {

    text-decoration: none;

    color: #fff;

  }



  .breadcrumbNav {

    display: none;

  }

}

.globalFooter, .siteFooter {

  color: #222;

  line-height: 1.8;

}

.globalFooter img, .siteFooter img {

  vertical-align: bottom;

}

.globalFooter ul, .globalFooter ol, .siteFooter ul, .siteFooter ol {

  list-style: none;

}



.siteFooter__pageTop {

  position: absolute;

  right: 30px;

  bottom: 30px;

  z-index: 20;

}

.siteFooter__pageTop a {

  display: block;

  width: 50px;

  height: 50px;

  background-image: url(../img/btn_pagetop.png);

  background-repeat: no-repeat;

  text-indent: -999em;

  outline: none;

}



.siteFooter__pageTop.fixBottom {

  position: fixed;

}



.globalFooter {

  font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;

  min-width: 950px;

  clear: both;

  width: 100%;

  border-top: solid #e1e1e1 1px;

  background-color: #fff;

}

.globalFooter__inner {

  width: 950px;

  margin: 0 auto;

  position: relative;

  padding: 18px 0 20px;

  overflow: hidden;

}

.globalFooter__links {

  float: left;

}

.globalFooter__links__item {

  display: inline-block;

  margin-left: 25px;

  font-size: 12px;

}

.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;

  min-width: 950px;

  color: #333;

  border-top: solid #e1e1e1 1px;

  font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;

}

.siteFooter__inner {

  padding: 32px 0;

  width: 950px;

  margin: 0 auto;

}

.siteFooter a, .siteFooter a:link, .siteFooter a:visited {

  color: #333;

  text-decoration: none;

}

.siteFooter a:hover {

  text-decoration: underline;

}



.siteFooter__wrapper {

  position: relative;

  background: url(../img/bg_otherlink_Jaggy.png) repeat-x center top;

  padding-top: 6px;

  margin-top: -6px;

}

.siteFooter__wrapper .siteFooter {

  border-top: none;

}



.siteFooter__linkBox {

  overflow: hidden;

  margin-bottom: 15px;

  clear: left;

}



.siteFooter__linkBox__wrapper {

  float: left;

  width: 680px;

}



.siteFooter__linkBoxes02 {

  border-top: dotted 1px #dbcfc3;

  padding-top: 20px;

}



.siteFooter__linkBox__title {

  font-size: 12px;

  clear: left;

  float: left;

}



.siteFooter__linkBox__items {

  padding: 2px 0 0 108px;

}



.siteFooter__linkBox__item {

  font-size: 10px;

  line-height: 1.8;

  margin-left: 20px;

  float: left;

}



.siteFooter__bnrBox {

  width: 228px;

  float: right;

}



.siteFooter__bnrBox__title {

  font-size: 12px;

  margin-bottom: 8px;

  clear: left;

}



.siteFooter__snsBox {

  background-color: #fff;

  padding: 10px 0;

  border-radius: 8px;

  margin-bottom: 22px;

}

.siteFooter__snsBox .fbLink {

  border-bottom: dotted 1px #dbcfc3;

  padding-bottom: 10px;

}

.siteFooter__snsBox .fbLink__thumb {

  float: left;

  padding: 0 12px 0 30px;

}

.siteFooter__snsBox .fbLink__txt {

  font-size: 12px;

  font-weight: bold;

  margin-bottom: 3px;

  color: #333;

}

.siteFooter__snsBox .fbLink__txt a {

  color: #333;

}

.siteFooter__snsBox .fb-like {

  line-height: 10px;

}



.siteFooter__snsBox__link {

  text-align: center;

  padding: 8px 0 0;

}



.siteFooter__bnr {

  margin-bottom: 10px;

  border-radius: 8px;

  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 center top;

  min-width: 950px;

}



.footerOtherLinkBox__inner {

  padding: 40px 0;

  width: 950px;

  margin: 0 auto;

  overflow: hidden;

}



.footerOtherLink__items {

  padding: 13px 0 0;

  float: left;

}



.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 center 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: dotted 1px #fff;

}

.siteFooterColor--brown .siteFooter__snsBox .fbLink__txt {

  color: #333;

}

.siteFooterColor--brown .siteFooter__snsBox .fbLink__txt a {

  color: #333;

}



@media only screen and (max-width: 820px) {

  .globalFooter {

    clear: both;

    background-color: #fff;

    border-top: 1px solid #e1d9d2;

    color: #333;

    text-align: left;

    line-height: 1.8;

    min-width: 0;

  }

  .globalFooter__inner {

    margin: 0 auto;

    position: relative;

    padding: 10px 10px 15px;

    overflow: hidden;

    width: auto;

  }

  .globalFooter__links {

    margin-left: -13px;

    padding-bottom: 12px;

    float: none;

  }

  .globalFooter__links__item {

    display: inline-block;

    margin-left: 10px;

    font-size: 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 {

    margin-bottom: 8px;

    float: left;

  }

  .globalFooter__logo img {

    width: 166px;

    height: 19px;

  }

  .globalFooter__copyright {

    clear: both;

  }

  .globalFooter__copyright small {

    font-size: 9px;

  }

}

/* =====================================================================



===================================================================== */