#message {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  padding: 30px;
  height: 510px;
}
#message h2 {
  font-size: 30px;
  margin-left: 20px;
  color: #222;
  margin-left: 0px;
}
#message p {
  line-height: 1.7;
  margin-left: 20px;
  color: #222;
}

.big-image img {
    width: 100%;
}
.small-image img {
    width: 75%;
}

#tategaki {
    padding-top: 50px !important;
    color: #222;
}
#tategaki {
    background-color: #f7f7f1 !important;
}

.message-title {
    padding-left: 15px;
}

.message-text {
    font-size: 18px;
}

div#shukuhaku a {
    padding: 24px 16px;
    border-radius: 40px;
    background-color: #f6f7f1;
    border-color: #444;
    letter-spacing: 0.16em;
    font-weight: 600;
    font-size: 17px;
    color: #222;
}

.kome-image {
    width: 300px;
}

.price h3 {
    font-weight: 500;
    line-height: 1.55em;
    font-size: 28px;
    letter-spacing: 0.085em;
    color: #222;
}
.price h4 {
    font-size: 21px;
    font-weight: 400;
    line-height: 2em;
    letter-spacing: 0.06em;
    color: #222;
}

#kome-footer h5 {
    text-align: center;
    font-size: 14px;
    color: #222;
}

.vc_col-xs-1 {
    width: 100%;
}

.branding img{
    width: 100px;
}
ul#primary-menu {
    height: auto;
    position: absolute;
    margin-top: 14rem;
    bottom: 50%;
    transform: translate(0%, 50%);
}
.mini-widgets {
    position: absolute;
    bottom: 30px;
}


/* デザインB（タブレット） */
@media screen and (min-width: 600px) {
/* タブレット用レイアウト 600px以上の範囲に収めるデザインはこの中に記述 */
    .big-image img {
        width: 75%;
    }
    .small-image img {
        width: 55%;
    }
    #tategaki {
        padding-top: 180px !important;
    }
    .kome-image {
        width: 600px;
    }
    .hide-pc {
        display: none;
    }
    .vc_col-xs-1 {
        width: 50%;
    }

}

/* デザインC(PC) */
@media screen and (min-width: 1025px) {
/* PC用レイアウト 1,025px以上の範囲に収めるデザインはこの中に記述 */
.big-image img {
    width: 75%;
    }
    .small-image img {
        width: 55%;
    }
    #tategaki {
        padding-top: 180px !important;
    }
    .kome-image {
        width: 600px;
    }
    .hide-pc {
        display: none;
    }
    .vc_col-xs-1 {
        width: 50%;
    }

}