@charset "UTF-8";
/**
 * 創造事業（物販飲食・不動産・SC・ホテルなど）
 */
/* ==========================================================================
  共通
  ========================================================================== */
* {
  box-sizing: border-box; }

body {
  min-width: 1044px; }
  @media screen and (max-width: 767px) {
    body {
      min-width: inherit; } }

#topicpath .navigation {
  width: 1004px;
  box-sizing: border-box;
  background: none;
  padding-left: 0; }
  #topicpath .navigation img {
    margin: 0 15px 0 3px; }
  #topicpath .navigation li:first-child {
    padding-left: 20px;
    background: url("/common/css/img/icon_home.gif") no-repeat left 4px; }
  #topicpath .navigation li {
    margin-right: 15px; }

@media screen and (max-width: 767px) {
  #topicpath {
    padding-left: 10px; }
    #topicpath .navigation {
      width: 100%; }
      #topicpath .navigation img {
        vertical-align: middle; } }

#topicpath.topicpath-bottom {
  margin-bottom: 0; }

@media screen and (max-width: 767px) {
  #contents {
    width: 100%;
    padding: 0 10px; } }

/* ==========================================================================
  以前のlifeのCSS
  ========================================================================== */
#cattop-head {
  margin-bottom: 70px;
  height: 490px; }

#main.lifetop-main {
  padding-top: 0; }

/*
#head-inner-wrap {
  background: url(img/index_head.gif) no-repeat center top; }
*/
#head-inner-wrap {
  position: relative; }

.life-main {
  position: absolute;
  left: 0;
  top: 0; }

#head-inner {
  position: relative;
  height: 490px;
  z-index: 5; }

#life-nav li {
  position: absolute; }

#life-nav #item-ekinaka {
  left: 227px;
  top: 97px; }

#life-nav #item-shopping {
  left: 531px;
  top: 54px; }

#life-nav #item-hotel {
  left: 60px;
  top: 68px; }

#life-nav #item-house {
  left: 500px;
  top: 304px; }

#life-nav #item-kosodate {
  left: 60px;
  top: 369px; }

#life-nav #item-care {
  right: 11px;
  top: 339px; }

#life-nav #item-order {
  left: 313px;
  top: 393px; }

#life-nav #item-mobility {
  left: 10px;
  top: 199px; }

#life-nav #item-hospital {
  right: 177px;
  top: 142px; }

.life-thumb,
.life-link {
  letter-spacing: -.40em;
  margin-top: 15px; }

.life-thumb li,
.life-link li {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: middle;
  *display: inline;
  *zoom: 1;
  margin-left: 20px;
  width: 350px; }

.life-thumb li:nth-child(odd),
.life-link li:nth-child(odd) {
  margin-left: 0; }

.life-linkwrap {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: middle;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  width: 350px; }

.life-linkwrap h4 {
  border-bottom: 1px dashed #cfd3d6;
  font-weight: bold;
  margin-bottom: 20px;
  margin-top: 18px;
  padding-bottom: 8px; }

.life-linkwrap.right {
  margin-left: 15px; }

.inner-lifelink li {
  display: block;
  margin-left: 0; }

.title-table {
  background-color: #0071bc;
  padding: 5px 8px;
  color: #FFF;
  font-size: 107.69231%;
  margin-top: 10px;
  font-weight: bold; }

.shoppingBox {
  width: 370px; }

.shoppingBox table {
  width: 370px !important; }

.tableStyle01 .shop {
  width: 20%; }

.tableStyle01 .category {
  width: 30%; }

.tableStyle01 .tel {
  width: 20%; }

.tableStyle01 .time {
  width: 30%; }

.tableStyle01.col5 .floor {
  width: 10%; }

.tableStyle01.col5 .shop {
  width: 20%; }

.tableStyle01.col5 .category {
  width: 25%; }

.tableStyle01.col5 .tel {
  width: 15%; }

.tableStyle01.col5 .time {
  width: 30%; }

#head-region {
  height: 490px;
  background: url(img/index_head_region.jpg) top center no-repeat;
  text-align: center; }

#head-region a {
  display: block;
  width: 100%;
  max-width: 1340px;
  height: 490px;
  margin: 0 auto; }

#slide-area {
  height: 510px;
  overflow: hidden; }

#slide-area .ui-tabs-panel {
  border: none;
  padding: 0;
  width: 100%; }

#slide-area #slide-text {
  position: relative;
  margin: 0 auto;
  width: auto;
  max-width: 1340px; }

#slide-area #mainslide-switch {
  background-color: #2a2f33;
  box-sizing: border-box;
  padding-left: 30px;
  padding-top: 5px;
  height: 20px;
  width: auto; }

#slide-area div.ui-tabs-panel {
  border: none;
  padding: 0; }

#slide-area .cmn-slide ul.ui-tabs-nav {
  width: 700px; }

#slide-area .cmn-slide ul.ui-tabs-nav li {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: middle;
  *display: inline;
  *zoom: 1;
  background-color: #2a2f33;
  height: 6px;
  margin-left: 20px;
  width: 6px; }

#slide-area .cmn-slide ul.ui-tabs-nav li:first-child {
  margin-left: 0; }

#slide-area .cmn-slide ul.ui-tabs-nav li.ui-tabs-selected {
  background-color: #2a2f33;
  height: 10px;
  width: 10px; }

#slide-area .btn-play {
  bottom: 5px;
  position: absolute;
  right: 20px;
  width: 42px; }

#slide-area .btn-play li {
  margin-left: 20px; }

#slide-area .btn-play li:first-child {
  margin-left: 0; }

#region {
  margin: 0 0 10px; }

#region-nav {
  color: #333;
  margin: 20px 0 0;
  padding: 15px;
  text-align: right;
  background: #f2f3f5; }

#region-nav span {
  padding: 0 0 0 13px;
  background: url(/common/css/img/nav_arrow.png) no-repeat left center; }

#service-news {
  margin: 0 0 30px;
  border-bottom: solid 1px #cfd3d6; }

.news-item, .news-display-item {
  letter-spacing: -.40em;
  margin: 0 0 10px; }

.news-item dt, .news-item dd, .news-display-item dt, .news-display-item dd {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: middle;
  *display: inline;
  *zoom: 1;
  vertical-align: top; }

.news-item dt, .news-display-item dt {
  width: 105px;
  font-size: 92.9%; }

.news-cat, .news-display-cat {
  width: 70px;
  margin: 0 10px 0 0; }

.news-txt, .news-display-txt {
  width: 535px; }

.news-pdf {
  margin: 0 0 0 5px; }

.toggle-btn {
  cursor: pointer; }

.news-item-icon {
  margin-right: 5px;
  vertical-align: middle; }

/* ==========================================================================
   インデックス
   ========================================================================== */
#index-life .full-box {
  width: 1024px; }
  @media screen and (max-width: 767px) {
    #index-life .full-box {
      width: 100%; } }

#region {
  display: block;
  width: 100%;
  background: #f2f2f2;
  margin-bottom: 25px;
  display: block; }
  #region:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  @media screen and (max-width: 767px) {
    #region {
      margin-bottom: 10px; } }
  #region:hover {
    opacity: 0.9;
    text-decoration: none; }
  #region .region__text {
    font-size: 100%;
    color: #262626;
    float: left;
    width: 50%;
    padding: 0 20px;
    vertical-align: middle; }
    @media screen and (max-width: 767px) {
      #region .region__text {
        display: block;
        width: 100%;
        padding: 15px 10px;
        font-size: 107.69231%;
        line-height: 1.6; } }
    #region .region__text span {
      display: block;
      color: #0068b7;
      margin: 120px 0 10px 0;
      background: url("img/arrow_right_blue.svg") no-repeat right center;
      font-size: 114.28571%; }
      @media screen and (max-width: 767px) {
        #region .region__text span {
          margin: 0 0 5px 0;
          padding-right: 15px;
          font-size: 107.14286%; } }
  #region .region__photo {
    float: right;
    width: 50%; }
    @media screen and (max-width: 767px) {
      #region .region__photo {
        display: block;
        width: 100%; } }
    #region .region__photo img {
      width: 100%; }

.life-nav {
  display: block;
  margin-bottom: 80px; }
  .life-nav:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  @media screen and (max-width: 767px) {
    .life-nav {
      margin-bottom: 40px; } }
  .life-nav li {
    width: 200px;
    float: left;
    margin-right: 6px; }
    @media screen and (max-width: 767px) {
      .life-nav li {
        width: 49.8%;
        margin-right: 1px;
        margin-bottom: 1px; }
        .life-nav li:nth-child(2n) {
          margin-right: 0; } }
    .life-nav li:last-child {
      margin-right: 0; }
    .life-nav li:hover {
      opacity: 0.9; }
    .life-nav li a:hover {
      text-decoration: none; }

@media screen and (max-width: 767px) {
  .life-nav__photo {
    display: none; } }

.life-nav__text {
  background: #f2f2f2;
  text-align: center;
  color: #0068b7;
  padding: 10px 0 25px;
  position: relative; }
  @media screen and (max-width: 767px) {
    .life-nav__text {
      text-align: left;
      padding: 10px 10px 10px 30px;
      display: table;
      width: 100%; } }
  .life-nav__text:after {
    content: '';
    display: inline-block;
    width: 11px;
    height: 7px;
    background: url("img/arrow_bottom_blue.svg") no-repeat right center;
    position: absolute;
    bottom: 10px;
    left: 50%;
    margin-left: -5px; }
    @media screen and (max-width: 767px) {
      .life-nav__text:after {
        left: 10px;
        top: 50%;
        margin: -5px 0 0 0; } }
  @media screen and (max-width: 767px) {
    .life-nav__text span {
      display: table-cell;
      vertical-align: middle; } }

.heading-level2 {
  font-size: 215.38462%;
  text-align: center;
  font-weight: bold;
  position: relative;
  padding-bottom: 35px;
  line-height: 1.5;
  letter-spacing: -2px;
  margin-bottom: 40px; }
  .heading-level2:after {
    content: '';
    display: inline-block;
    width: 60px;
    height: 2px;
    background: #0068b7;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -30px; }
  @media screen and (max-width: 767px) {
    .heading-level2 {
      font-size: 142.85714%;
      font-weight: bold;
      line-height: 1.6;
      padding: 0 10px 10px; }
      .heading-level2:after {
        width: 30px;
        height: 2px;
        margin-left: -15px; } }

.heading-level3 {
  font-size: 184.61538%;
  font-weight: bold;
  border-bottom: 1px solid #0068b7;
  padding-bottom: 20px;
  margin-bottom: 30px; }
  @media screen and (max-width: 767px) {
    .heading-level3 {
      font-size: 130.76923%;
      padding-bottom: 10px;
      margin-bottom: 15px; } }

.heading-level4 {
  font-size: 138.46154%;
  font-weight: bold;
  margin-bottom: 5px;
  color: #1a1a1a; }
  @media screen and (max-width: 767px) {
    .heading-level4 {
      font-size: 115.38462%; } }

.life-list {
  margin: 30px 0 40px;
  border-top: 1px solid #ccc; }
  .life-list li {
    padding: 20px 0;
    border-bottom: 1px solid #ccc; }
    .life-list li a {
      color: #005492;
      text-decoration: underline; }
      .life-list li a:hover {
        text-decoration: none; }
    .life-list li .news-pdf img {
      vertical-align: text-bottom; }
  .life-list .life-list__date {
    margin-bottom: 10px; }
    .life-list .life-list__date .date {
      display: inline-block;
      margin-right: 5px; }
  @media screen and (max-width: 767px) {
    .life-list {
      margin-top: 20px; }
      .life-list li {
        padding: 20px 10px; }
      .life-list .life-list__date {
        margin-bottom: 5px; }
        .life-list .life-list__date .date {
          margin-bottom: 5px; }
        .life-list .life-list__date .category {
          margin-bottom: 5px; }
        .life-list .life-list__date .sub-category {
          margin-bottom: 5px; } }

.category {
  display: inline-block;
  margin-right: 5px;
  padding: 0 7px;
  border-radius: 2px;
  font-size: 85.71429%;
  line-height: 20px; }
  .category.is-hokuriku, .category.is-house {
    background-color: #cee2f3;
    border: 1px solid #accbe6; }
  .category.is-estate, .category.is-keihanshin-kitakinki {
    background-color: #d3e3ae;
    border: 1px solid #b8cd88; }
  .category.is-ekinaka, .category.is-hiroshima {
    background-color: #ebd5bc;
    border: 1px solid #d9b68f; }
  .category.is-living, .category.is-okayama {
    background-color: #ffcfcc;
    border: 1px solid #f5afaa; }
  .category.is-shopping, .category.is-wakayama {
    background-color: #b8e0d0;
    border: 1px solid #93c5b1; }
  .category.is-hakata, .category.is-hotel {
    background-color: #d5d6f5;
    border: 1px solid #abadd8; }
  .category.is-area, .category.is-other {
    background-color: #e6e6e6;
    border: 1px solid #d2d2d2; }
  .category.is-sanin {
    background-color: #f3f0ce;
    border: 1px solid #d3cea1; }

.area-info__button {
  width: 500px;
  margin: 0 auto 70px;
  line-height: 1.6; }
  .area-info__button a {
    color: #fff; }
    .area-info__button a:visited {
      color: #fff; }
  @media screen and (max-width: 767px) {
    .area-info__button {
      width: 100%;
      margin: 0 auto 30px; } }

.service-info__button {
  width: 300px;
  margin: 0 auto 70px; }
  .service-info__button a {
    color: #fff; }
    .service-info__button a:visited {
      color: #fff; }
  @media screen and (max-width: 767px) {
    .service-info__button {
      width: 100%;
      margin: 0 auto 30px; } }

.life-box {
  margin-bottom: 60px; }
  @media screen and (max-width: 767px) {
    .life-box {
      margin-bottom: 30px; } }

.life-button-list {
  display: block; }
  .life-button-list:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  .life-button-list li {
    width: 500px;
    float: left;
    margin-bottom: 15px; }
    @media screen and (max-width: 767px) {
      .life-button-list li {
        width: 100%;
        float: none;
        margin-bottom: 3px;
        line-height: 1.6; }
        .life-button-list li a {
          font-size: 107.69231%; } }
    .life-button-list li:nth-child(2n) {
      float: right; }
      @media screen and (max-width: 767px) {
        .life-button-list li:nth-child(2n) {
          float: none; } }

.life-button-first {
  width: 48.828125%;
  margin: auto; }
  @media screen and (max-width: 767px) {
    .life-button-first {
      width: 100%; }
      .life-button-first a {
        font-size: 107.69231%;
        line-height: 1.6; } }

.life-button-blue {
  display: block;
  width: 100%;
  color: #fff;
  padding: 15px;
  text-align: center;
  background: #0068b7 url("./img/arrow_right_white.svg") no-repeat 95% center;
  font-size: 123.07692%; }
  .life-button-blue:hover {
    opacity: 0.9;
    color: #fff;
    text-decoration: none; }
  @media screen and (max-width: 767px) {
    .life-button-blue a {
      font-size: 107.69231%;
      line-height: 1.6; } }
  .life-button-blue.news-accordion {
    background: #0068b7 url("./img/arrow_bottom_white.svg") no-repeat 95% center; }
    .life-button-blue.news-accordion.on {
      background: #0068b7 url("./img/arrow_top_white.svg") no-repeat 95% center; }

.life-button-grey {
  display: block;
  width: 100%;
  color: #0068b7;
  padding: 15px 45px 15px 15px;
  background: #f2f2f2 url("./img/arrow_right_blue.svg") no-repeat 95% center;
  font-size: 123.07692%;
  border-radius: 5px; }
  .life-button-grey[target="_blank"] > span {
    padding-right: 15px;
    background: url("./img/icon_blank.png") no-repeat right center;
    background-size: 9px auto; }
  .life-button-grey:hover {
    opacity: 0.9;
    color: #0068b7;
    text-decoration: none; }
  @media screen and (max-width: 767px) {
    .life-button-grey a {
      font-size: 107.69231%;
      line-height: 1.6; } }

.area-mv {
  display: table;
  width: 100%;
  margin-bottom: 25px; }
  @media screen and (max-width: 767px) {
    .area-mv {
      display: block;
      margin-bottom: 10px; } }

.area-mv__photo {
  display: table-cell;
  width: 50%; }
  .area-mv__photo img {
    width: 100%; }
  @media screen and (max-width: 767px) {
    .area-mv__photo {
      display: block;
      width: 100%; } }

.area-mv__text {
  display: table-cell;
  width: 50%;
  background: #f2f2f2;
  padding: 0 20px;
  vertical-align: middle; }
  @media screen and (max-width: 767px) {
    .area-mv__text {
      display: block;
      width: 100%;
      padding: 15px 10px;
      line-height: 1.6;
      font-size: 107.69231%; } }

.bnr-area-grey {
  background: #f0f0f0;
  padding: 80px 0;
  margin-bottom: -50px; }
  @media screen and (max-width: 767px) {
    .bnr-area-grey {
      padding: 40px 10px;
      margin-bottom: -25px; } }
  .bnr-area-grey .side-bnr {
    display: block;
    width: 836px;
    margin: auto; }
    .bnr-area-grey .side-bnr:after {
      content: "";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden; }
    @media screen and (max-width: 767px) {
      .bnr-area-grey .side-bnr {
        width: 100%; } }
    .bnr-area-grey .side-bnr li {
      width: 200px;
      float: left;
      margin: 0 12px 10px 0; }
      .bnr-area-grey .side-bnr li:nth-child(4n) {
        float: right;
        margin-right: 0; }
        @media screen and (max-width: 767px) {
          .bnr-area-grey .side-bnr li:nth-child(4n) {
            float: none; } }
      @media screen and (max-width: 767px) {
        .bnr-area-grey .side-bnr li {
          width: 48.45%;
          margin-right: 0; }
          .bnr-area-grey .side-bnr li img {
            width: 100%; }
          .bnr-area-grey .side-bnr li:nth-child(2n) {
            float: right; } }

.life-box section {
  width: 500px;
  margin-bottom: 20px; }
  .life-box section:nth-child(odd) {
    float: left; }
  .life-box section:nth-child(even) {
    float: right; }
  @media screen and (max-width: 767px) {
    .life-box section {
      width: 100%;
      float: none;
      margin-bottom: 10px; } }