@charset "UTF-8";
/* Scss Document */
/* font =================================================================*/
.font-green {
  color: #3d9eff; }

.font-blue {
  color: #3467A6; }

.font-brown {
  color: #46210c; }

/* 共通クラス =================================================================*/
.text-shadow-green, .planTitle h1, .planTitle h2 {
  text-shadow: 0px 0px 20px #3d9eff, 1px 1px 20px #3d9eff, 0px 1px 20px #3d9eff, 1px 0px 20px #3d9eff, -1px 0px 20px #3d9eff, 0px -1px 20px #3d9eff; }

.text-shadow-brown {
  text-shadow: 0px 0px 20px #46210c, 1px 1px 20px #46210c, 0px 1px 20px #46210c, 1px 0px 20px #46210c, -1px 0px 20px #46210c, 0px -1px 20px #46210c; }

.text-shadow-bage, .blockPlan:nth-child(even) .planTitle h1, .blockPlan:nth-child(even) .planTitle h2 {
  text-shadow: 0px 0px 20px #A39781, 1px 1px 20px #A39781, 0px 1px 20px #A39781, 1px 0px 20px #A39781, -1px 0px 20px #A39781, 0px -1px 20px #A39781; }

.text-shadow-blue {
  text-shadow: 0px 0px 20px #3467A6, 1px 1px 20px #3467A6, 0px 1px 20px #3467A6, 1px 0px 20px #3467A6, -1px 0px 20px #3467A6, 0px -1px 20px #3467A6; }

.text-shadow-green-small {
  text-shadow: 0px 0px 10px #3d9eff, 1px 1px 10px #3d9eff, 0px 1px 10px #3d9eff, 1px 0px 10px #3d9eff, -1px 0px 10px #3d9eff, 0px -1px 10px #3d9eff; }

.text-shadow-brown-small {
  text-shadow: 0px 0px 10px #46210c, 1px 1px 10px #46210c, 0px 1px 10px #46210c, 1px 0px 10px #46210c, -1px 0px 10px #46210c, 0px -1px 10px #46210c; }

.text-shadow-blue-small {
  text-shadow: 0px 0px 10px #3467A6, 1px 1px 10px #3467A6, 0px 1px 10px #3467A6, 1px 0px 10px #3467A6, -1px 0px 10px #3467A6, 0px -1px 10px #3467A6; }

.bt-green {
  background: #3d9eff; }

.bt-brown {
  background: #46210c; }

.bt-blue {
  background: #3467A6; }

/* 全体 =================================================================*/
.inner {
  background: #d6ebff; }

/* フロアプラン　タイトル  ----------------------------------------*/
.planTitle {
  background-color: #3d9eff;
  background-image: url(../img/special_page/chukai/bg_title_plan_01.png); }
  .planTitle .close {
    color: #3d9eff; }
    .planTitle .close:hover {
      color: #42a0ff; }

/* フロアプラン　間取りサイズと概要  ----------------------------------------*/
.planTitleSub h3 {
  color: #3d9eff; }

.planTitleSub li {
  color: #3d9eff; }

/* フロアプラン　キャッチ  ----------------------------------------*/
.planChatch li .boxChatch {
  background: #3d9eff; }

.planChatch li:nth-child(even) .boxChatch {
  color: #3d9eff; }

/* フロアプラン　ボタン  ----------------------------------------*/
.planBt a {
  background: #A39781; }

/* フロアプラン　色分け  =================================================================================================*/
.blockPlan:nth-child(even) {
  /* フロアプラン　タイトル  ----------------------------------------*/
  /* フロアプラン　間取りサイズと概要  ----------------------------------------*/
  /* フロアプラン　キャッチ  ----------------------------------------*/
  /* フロアプラン　ボタン  ----------------------------------------*/ }
  .blockPlan:nth-child(even) .inner {
    background: #eeece8; }
  .blockPlan:nth-child(even) .planTitle {
    background-color: #A39781;
    background-image: url(../img/special_page/chukai/bg_title_plan_02.png); }
    .blockPlan:nth-child(even) .planTitle .close {
      color: #A39781; }
  .blockPlan:nth-child(even) .planTitleSub h3 {
    color: #A39781; }
  .blockPlan:nth-child(even) .planTitleSub li {
    color: #A39781; }
  .blockPlan:nth-child(even) .planChatch li .boxChatch {
    background: #A39781; }
  .blockPlan:nth-child(even) .planChatch li:nth-child(even) .boxChatch {
    color: #A39781; }
  .blockPlan:nth-child(even) .planBt a {
    background: #3d9eff; }

/* お問い合わせはこちら =================================================================*/
.blockContact {
  background: url(../img/special_page/chukai/bg_line_large.png) no-repeat center top; }
  .blockContact h3:before {
    content: "SPECIAL REALESTATE";
    width: 7em;
    display: inline-block;
    font-size: 18px;
    color: #3467A6;
    padding-right: 20px; }
  .blockContact .tel {
    color: #3d9eff; }
    .blockContact .tel a {
      color: #3d9eff; }
  .blockContact .listBtn li a {
    background-image: url(../img/special_page/chukai/bg_butto@2x.png);
    text-shadow: 0px 0px 3px #3d9eff, 1px 1px 10px #3d9eff, -1px 1px 15px #3d9eff, 1px -1px 10px #3d9eff; }
    .blockContact .listBtn li a span {
      color: #46210c; }
  .blockContact .link {
    text-align: center; }
    .blockContact .link a {
      background: #A39781; }

/* タブレットサイズ =================================================================*/
@media (max-width: 800px) {
  .planImg {
    padding: 20px; }
  /* フロアプラン　キャッチ  ----------------------------------------*/
  .planChatch li:nth-child(even) .boxChatch {
    background: #3d9eff;
    color: #fff; }
  .planChatch li:nth-child(4n+2) .boxChatch, .planChatch li:nth-child(4n+3) .boxChatch {
    color: #3d9eff;
    background: #fff; }
  .blockPlan:nth-child(even) {
    /* フロアプラン　キャッチ  ----------------------------------------*/ }
    .blockPlan:nth-child(even) .planChatch li:nth-child(even) .boxChatch {
      background: #A39781;
      color: #fff; }
    .blockPlan:nth-child(even) .planChatch li:nth-child(4n+2) .boxChatch, .blockPlan:nth-child(even) .planChatch li:nth-child(4n+3) .boxChatch {
      color: #A39781;
      background: #fff; } }

/* スマホサイズ =================================================================*/
@media (max-width: 650px) {
  .planImg {
    padding: 10px; }
  /* blockContact ----------------------------------------*/
  .blockContact h3:before {
    font-size: 16px; }
  .blockContact .tel {
    color: #3d9eff; } }
