@charset "UTF-8";
/*---------------------------------------------------

fonts

-----------------------------------------------------*/
/*icon moon*/
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon/icomoon.eot?y93obb");
  src: url("../fonts/icomoon/icomoon.eot?y93obb#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoon.ttf?y93obb") format("truetype"), url("../fonts/icomoon/icomoon.woff?y93obb") format("woff"), url("../fonts/icomoon/icomoon.svg?y93obb#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^='icon-'],
[class*=' icon-'] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-transform: none;
  speak: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-comic:before {
  content: "\e90b"; }

.icon-building:before {
  content: "\e90c"; }

.icon-calendar:before {
  content: "\e90d"; }

.icon-arrow-r:before {
  content: '\e900'; }

.icon-arrow-l:before {
  content: '\e901'; }

.icon-balloon:before {
  content: '\e902'; }

.icon-book:before {
  content: '\e903'; }

.icon-glass:before {
  content: '\e904'; }

.icon-mail:before {
  content: '\e905'; }

.icon-map:before {
  content: '\e906'; }

.icon-rank:before {
  content: '\e907'; }

.icon-tag:before {
  content: '\e908'; }

.icon-facebook:before {
  content: '\e909'; }

.icon-twitter:before {
  content: '\e90a'; }

/*Notosans*/
@font-face {
  font-family: 'Noto Sans Japanese';
  font-weight: 100;
  font-style: normal;
  src: url("../fonts/notosans/NotoSansCJKjp-Thin.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/notosans/NotoSansCJKjp-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/notosans/NotoSansCJKjp-Thin.woff") format("woff"), url("../fonts/notosans/NotoSansCJKjp-Thin.ttf") format("truetype");
  /* Safari, Android, iOS */ }

@font-face {
  font-family: 'Noto Sans Japanese';
  font-weight: 200;
  font-style: normal;
  src: url("../fonts/notosans/NotoSansCJKjp-Light.eot");
  src: url("../fonts/notosans/NotoSansCJKjp-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/notosans/NotoSansCJKjp-Light.woff") format("woff"), url("../fonts/notosans/NotoSansCJKjp-Light.ttf") format("truetype"); }

@font-face {
  font-family: 'Noto Sans Japanese';
  font-weight: 300;
  font-style: normal;
  src: url("../fonts/notosans/NotoSansCJKjp-DemiLight.eot");
  src: url("../fonts/notosans/NotoSansCJKjp-DemiLight.eot?#iefix") format("embedded-opentype"), url("../fonts/notosans/NotoSansCJKjp-DemiLight.woff") format("woff"), url("../fonts/notosans/NotoSansCJKjp-DemiLight.ttf") format("truetype"); }

@font-face {
  font-family: 'Noto Sans Japanese';
  font-weight: 400;
  font-style: normal;
  src: url("../fonts/notosans/NotoSansCJKjp-Regular.eot");
  src: url("../fonts/notosans/NotoSansCJKjp-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/notosans/NotoSansCJKjp-Regular.woff") format("woff"), url("../fonts/notosans/NotoSansCJKjp-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'Noto Sans Japanese';
  font-weight: 500;
  font-style: normal;
  src: url("../fonts/notosans/NotoSansCJKjp-Medium.eot");
  src: url("../fonts/notosans/NotoSansCJKjp-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/notosans/NotoSansCJKjp-Medium.woff") format("woff"), url("../fonts/notosans/NotoSansCJKjp-Medium.ttf") format("truetype"); }

@font-face {
  font-family: 'Noto Sans Japanese';
  font-weight: bold;
  font-style: normal;
  src: url("../fonts/notosans/NotoSansCJKjp-Bold.eot");
  src: url("../fonts/notosans/NotoSansCJKjp-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/notosans/NotoSansCJKjp-Bold.woff") format("woff"), url("../fonts/notosans/NotoSansCJKjp-Bold.ttf") format("truetype"); }

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

base

-----------------------------------------------------*/
body {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Lato", sans-serif;
  font-size: 14px;
  color: #32343c;
  background-color: #f5f2ef;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: auto; }

.clearfix, footer .f_navi_box .container, footer .f_info_box .container, .f_copy_box {
  *zoom: 1; }

.clearfix:before, footer .f_navi_box .container:before, footer .f_info_box .container:before, .f_copy_box:before,
.clearfix:after,
footer .f_navi_box .container:after,
footer .f_info_box .container:after,
.f_copy_box:after {
  display: table;
  content: ' '; }

.clearfix:after, footer .f_navi_box .container:after, footer .f_info_box .container:after, .f_copy_box:after {
  clear: both; }

footer {
  font-size: 62.5%;
  line-height: 1;
  font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
  font-size: 13px;
  font-size: 1.3rem;
  clear: both;
  padding-top: 50px;
  overflow: hidden;
  *zoom: 1; }

footer body {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  line-height: 1;
  word-break: break-all; }

footer div, footer span, footer object, footer iframe, footer h1, footer h2, footer h3, footer h4, footer h5, footer h6, footer p, footer blockquote, footer pre, footer abbr, footer address, footer cite, footer code, footer del, footer dfn, footer em, footer img, footer ins, footer kbd, footer q, footer samp, footer small, footer strong, footer sub, footer sup, footer var, footer b, footer i, footer dl, footer dt, footer dd, footer ol, footer ul, footer li, footer fieldset, footer form, footer label, footer legend, footer table, footer caption, footer tbody, footer tfoot, footer thead, footer tr, footer th, footer td, footer article, footer aside, footer canvas, footer details, footer figcaption, footer figure, footer footer, footer header, footer hgroup, footer menu, footer nav, footer section, footer summary, footer time, footer mark, footer audio, footer video, footer input, footer textarea {
  margin: 0;
  padding: 0;
  border: none;
  font-size: 100%;
  font-weight: normal;
  vertical-align: baseline;
  background: transparent; }

footer img {
  vertical-align: bottom; }

footer article, footer aside, footer details, footer figcaption, footer figure, footer footer, footer header, footer menu, footer nav, footer section, footer div, footer address, footer iframe, footer canvas, footer hr, footer textarea {
  display: block;
  line-height: 1; }

footer a, footer label {
  cursor: pointer; }

footer blockquote {
  padding: 0;
  margin: 0;
  display: block; }

footer address, footer em {
  font-style: normal; }

footer hr {
  border: 0;
  margin: 0;
  padding: 0; }

footer ul, footer ol, footer li {
  list-style: none; }

footer textarea {
  resize: vertical;
  overflow: hidden;
  -webkit-appearance: none;
  border: none; }

footer input, footer button, footer select {
  vertical-align: middle;
  border-radius: 0px;
  border: none;
  background: transparent;
  margin: 0;
  padding: 0;
  -webkit-appearance: none; }

footer table {
  border-collapse: collapse; }

footer *:before,
footer *:after {
  padding: 0;
  margin: 0;
  line-height: 1; }

footer .f_navi_box {
  margin: 0 auto;
  background: #e8e0d8; }

footer .f_navi_box .container {
  width: 960px;
  margin: auto;
  box-sizing: border-box;
  padding: 40px 0px; }

footer .f_navi_box ul,
.f_navi_mansion {
  width: 316px;
  float: left;
  border-right: 2px solid #f5f2ef;
  padding-left: 30px;
  box-sizing: border-box;
  font-size: 1.4rem;
  font-size: 14px; }

footer .f_navi_box ul {
  height: 164px; }
  footer .f_navi_box ul li {
    margin-bottom: 15px;
    font-weight: 500; }
  footer .f_navi_box ul li a {
    text-decoration: none; }

.f_navi_mansion {
  border: none;
  height: 164px; }
  .f_navi_mansion p {
    font-weight: bold;
    margin-bottom: 20px; }

footer .f_navi_box ul:last-child {
  border: none;
  padding: 0px;
  height: auto; }

footer .f_navi_box ul:first-child {
  padding: 0px; }

footer .f_info_box {
  width: 100%;
  background: #fff;
  overflow: hidden;
  *zoom: 1; }
  footer .f_info_box .container {
    width: 960px;
    margin: auto;
    padding: 30px 0px; }

footer .f_info_box .address_box p {
  color: #aca7a1;
  line-height: 1.7;
  float: left;
  width: 315px;
  margin-left: 30px;
  margin-top: 7px;
  font-size: 13px;
  font-size: 1.3rem; }

footer .f_info_box .address_box .f_logo {
  float: left; }

footer .f_info_box .address_box .f_address {
  float: right;
  width: 340px; }

footer .f_info_box .address_box .f_address .tel {
  padding-right: 20px; }

footer .f_info_box .address_box .f_address .pmark {
  position: absolute;
  margin-top: -2px; }

.f_copy_box{
  background: #f5f2ef !important;
}

.f_copy_box .container {
  width: 960px;
  margin: auto;
  overflow: hidden;
  padding: 20px 0px; }

.f_copy_box ul {
  float: left;
  font-size: 14rem;
  font-size: 14px; }

.f_copy_box ul li {
  display: inline-block; }
  .f_copy_box ul li a {
    text-decoration: none;
    padding-right: 10px; }
  .f_copy_box ul li:first-child {
    border-right: 2px solid #e8e0d8;
    margin-right: 10px; }

.f_copy_box .copyright {
  text-align: right;
  color: #aca7a1;
  font-family: "Lato", sans-serif;
  letter-spacing: 2px; }