@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Cormorant+Garamond&display=swap");
@import url("https://fonts.googleapis.com/css?family=Great+Vibes&display=swap");
@import url("https://fonts.googleapis.com/css?family=EB+Garamond&display=swap");
@import url("https://fonts.googleapis.com/icon?family=Material+Icons");
.plan_k .madori_botan, .plan_i .madori_botan {
  display: flex;
  justify-content: space-evenly;
  max-width: 800px;
  margin: 0 auto;
  flex-wrap: wrap; }
  @media screen and (max-width: 644px) {
    .plan_k .madori_botan, .plan_i .madori_botan {
      width: 95%;
      justify-content: space-between; } }
  .plan_k .madori_botan .senko_madori2, .plan_i .madori_botan .senko_madori2 {
    background-color: #DAEEFF;
    width: 45%; }
    @media screen and (max-width: 644px) {
      .plan_k .madori_botan .senko_madori2, .plan_i .madori_botan .senko_madori2 {
        width: 48%;
        margin-bottom: 1%; } }
  .plan_k .madori_botan .senko_madori2:hover, .plan_i .madori_botan .senko_madori2:hover {
    opacity: 0.6; }
  .plan_k .madori_botan .plan_type, .plan_i .madori_botan .plan_type {
    font-size: 40px;
    line-height: 40px;
    padding: 10px 5px 0px 5px;
    border-bottom: 1px solid #3E3E3E;
    background: #003878;
    color: #fff; }
    .plan_k .madori_botan .plan_type span, .plan_i .madori_botan .plan_type span {
      font-size: 25px; }
  .plan_k .madori_botan .plan_ldk, .plan_i .madori_botan .plan_ldk {
    font-size: 15px;
    line-height: 20px;
    padding-top: 10px; }
    .plan_k .madori_botan .plan_ldk .ldk, .plan_i .madori_botan .plan_ldk .ldk {
      font-size: 30px; }
  .plan_k .madori_botan .plan_room2, .plan_i .madori_botan .plan_room2 {
    font-size: 1.2em; }
    .plan_k .madori_botan .plan_room2 .value, .plan_i .madori_botan .plan_room2 .value {
      font-size: 1.35em;
      line-height: 1.35em;
      letter-spacing: 0.05em; }
      @media screen and (max-width: 644px) {
        .plan_k .madori_botan .plan_room2 .value, .plan_i .madori_botan .plan_room2 .value {
          font-size: 0.6em; } }

.plan_on {
  background: #003878;
  display: block;
  height: 5px; }

.plan_off {
  background: #DAEEFF;
  display: block;
  height: 5px; }

.flex {
  display: flex;
  width: 100%;
  justify-content: space-between; }
  @media screen and (max-width: 800px) {
    .flex {
      display: block; } }
  .flex .left {
    width: 48%; }
    @media screen and (max-width: 800px) {
      .flex .left {
        width: 100%; } }
  .flex .right {
    width: 48%; }
    @media screen and (max-width: 800px) {
      .flex .right {
        width: 100%; } }

body .plan_spec1 {
  color: #fff;
  background-color: #003878; }
body .plan_spec2 p {
  color: #16285a; }

body .plan_merit {
  margin-top: 65px;
  line-height: 1.5;
  font-size: 1.4rem;
  text-align: left;
  background-color: #f4fafd;
  padding: 30px; }
  body .plan_merit li {
    text-indent: -2.15em;
    margin-top: 0.3em;
    padding-left: 1.15em;
    margin-bottom: 25px;
    font-size: 16px;
    font-weight: 400;
    color: #16285a; }
    @media screen and (max-width: 644px) {
      body .plan_merit li {
        font-size: 14px;
        text-indent: -2.5em; } }
    body .plan_merit li:first-child:before {
      content: "1"; }
    body .plan_merit li:nth-child(2):before {
      content: "2"; }
    body .plan_merit li:nth-child(3):before {
      content: "3"; }
    body .plan_merit li:nth-child(4):before {
      content: "4"; }
    body .plan_merit li:last-child {
      margin-bottom: 0px; }
  body .plan_merit li::before {
    color: #fff;
    width: 15px;
    height: 15px;
    margin-right: 10px;
    background-color: #45537b;
    letter-spacing: 0;
    line-height: 0;
    padding: 2px 8.325px; }

@media screen and (max-width: 644px) {
  .plan_title_copy {
    letter-spacing: -0.05em; } }

.senko_madori.dummy .plan_ldk, .senko_madori.dummy .plan_room {
  color: transparent;
  text-shadow: none; }
.senko_madori.dummy .plan_ldk {
  height: 35px; }
  @media screen and (max-width: 644px) {
    .senko_madori.dummy .plan_ldk {
      height: 0px; } }
.senko_madori.dummy .plan_room {
  height: 32px; }
  @media screen and (max-width: 644px) {
    .senko_madori.dummy .plan_room {
      height: 0px; } }
.senko_madori.dummy .plan_view {
  background: #7e0f27; }

.senko_madori {
  width: 32%;
  margin: 0 0 45px; }
  .senko_madori.none {
    background: transparent;
    margin-bottom: 0 !important; }
  @media screen and (max-width: 644px) {
    .senko_madori {
      width: 90%;
      margin: 0 0 10%; } }

.head_title {
  font-family: 'notoserif', serif;
  letter-spacing: 0.2em;
  font-size: 4rem; }
  @media screen and (max-width: 644px) {
    .head_title {
      font-size: 2rem; } }

.roomplan_copy {
  font-size: 3rem; }
  @media screen and (max-width: 644px) {
    .roomplan_copy {
      font-size: 1.8rem; } }

.plan_back {
  width: 95%;
  max-width: 1000px;
  margin: 0 auto; }

.plan_frame {
  margin: 60px 0 0 0;
  padding: 5% 4%;
  border: 1px solid #ccc;
  display: flex;
  flex-wrap: wrap; }

.plan_spec_frame {
  display: table;
  width: 100%; }

.plan_spec1 {
  width: 120px;
  padding: 30px;
  color: #000;
  background: #DAEEFF; }

.plan_spec0 {
  font-family: 'notoserif', serif;
  font-size: 60px;
  line-height: 50%;
  vertical-align: -5%;
  text-align: center;
  display: flex;
  flex-direction: column; }

.plan_name2 {
  font-size: 0.5em; }

.plan_spec2 {
  width: calc(100% - 120px);
  text-align: right; }

.plan_ldk_element {
  display: inline-block;
  line-height: 1.2;
  font-size: 2em;
  letter-spacing: 0.1em; }

.plan_ldk_unit {
  line-height: 2em;
  font-size: 1.4em; }
  .plan_ldk_unit br {
    display: none; }
  @media screen and (max-width: 644px) {
    .plan_ldk_unit {
      font-size: 1.0em;
      line-height: 1.0em; }
      .plan_ldk_unit br {
        display: block; } }

.plan_ldk_unit::first-letter {
  font-size: 2em; }

.plan_spec_room {
  line-height: 1.5em;
  font-size: 1.4em; }
  .plan_spec_room .value {
    font-size: 1.5em; }
  @media screen and (max-width: 644px) {
    .plan_spec_room {
      font-size: 0.8em;
      line-height: 2em; } }

.plan_spec_other {
  display: inline-block;
  font-size: 1em;
  margin-left: 20px; }
  @media screen and (max-width: 644px) {
    .plan_spec_other {
      display: flex;
      justify-content: flex-end;
      font-size: 0.8em;
      line-height: normal; } }

.plan_merit {
  margin-top: 65px;
  line-height: 1.5;
  font-size: 1.4rem;
  text-align: left; }
  .plan_merit li {
    text-indent: -1.15em;
    margin-top: 0.3em;
    padding-left: 1.15em; }
  .plan_merit li::before {
    content: "○";
    margin-right: 0.15em; }

.plan_pic {
  margin: 20px auto 0;
  text-align: center; }
  .plan_pic img {
    width: auto;
    max-width: 100%;
    height: auto; }

.plan_border {
  width: 100%;
  margin: 10px 0;
  border: solid 1px #cccccc; }

.plan_controlButton {
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  max-width: 480px;
  text-align: center;
  margin: 30px auto; }
  .plan_controlButton a {
    width: 42%;
    display: block;
    color: #fff;
    letter-spacing: 0.15em;
    background: #003878;
    padding: 0.35em;
    -webkit-transition: opacity 0.25s;
    transition: opacity 0.25s; }
  .plan_controlButton a:hover {
    opacity: 0.6; }

#movieSec {
  display: block;
  padding-top: 100px;
  margin-top: -100px; }

/* pageThemeWrapHeader
------------------------------------------------------------------------ */
/* pTtlWrap
---------------------------------------------------- */
body .pTtlWrap {
  background-image: url("../images/plan/head.jpg"); }

body .pTtlWrap .pTtl {
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.25), 0 0 8px rgba(0, 0, 0, 0.5); }
  body .pTtlWrap .pTtl.en {
    font-family: 'notoserif', serif;
    font-weight: 200;
    letter-spacing: 0.2em; }