html,
body {
    width: 100%;
}

body {
    background: #f8f8f8;
}

.content {
    width: 100%;
    max-width: 940px;
    margin: 0 auto;
}

.full-column .article-title {
    font-size: 32px;
    font-weight: bold;
    color: #a1976d;
    margin: 1em;
    text-align: center;
    color: #800000;
}

.full-column .article-title sub {
    display: block;
    font-size: 16px;
    font-weight: normal;
    font-family: "Helvetica Neue", Helvetica, Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    line-height: 28px;
    letter-spacing: 8px;
    text-transform: uppercase;
    color: #9c936d;
}

.full-column .article-content {
    margin-bottom: 3em;
    background: #fff;
    box-shadow: 1px 1px 2px 2px rgba(128,128,128,.25);
}

.breadcrumb li a {
    color: #2b2b2b;
}

.breadcrumb li a:hover {
    text-decoration: none;
    cursor: default;
}

.breadcrumb > li + li:before {
    display: none;
}

.breadcrumb > .active {
    color: #ff7d00;
    font-weight: bold;
}

.sub-content,
.studio-content {
    padding: 1em 0;
}

.studio-list,
.plan-select,
.schedule {
    width: 90%;
    max-width: 640px;
    margin: 2em auto;
    box-sizing: content-box;
}

.studio-list h2 {
    margin: 0 auto 12px;
    color: #800000;
    font-size: 25px;
    font-weight: bold;
}

.studio-thumbnail {
    margin-bottom: 12px;
}

.studio-thumbnail img {
    width: 240px;  /* 固定幅 */
    height: auto;  /* 高さは自動調整 */
    max-width: 100%;  /* レスポンシブ対応 */
    object-fit: contain;  /* アスペクト比を保持 */
}

/* スマートフォン表示時のセンタリング */
@media (max-width: 767px) {  /* Bootstrapのxs breakpoint */
    .studio-thumbnail {
        text-align: center;
    }
    .studio-thumbnail img {
        margin: 0 auto;
        display: block;
    }
}

.studio-info dl dt {
    font-size: 14px;
    font-weight: bold;
    text-align: right;
    color: #800000;
    letter-spacing: 2px;
}

.studio-button {
    text-align: center;
}

.studio-button a,
input.studio-button,
.studio-button input[type="button"],
.studio-button input[type="submit"] {
    width: 100%;
    max-width: 240px;
    margin: 0 auto;
    padding: .75em;
    display: block;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    background: #cf7d00;
    border: none;
    border-radius: 6px;
    text-align: center;
}

.studio-button input[type="button"],
.studio-button input[type="submit"] {
    display: inline-block;
}

.schedule input.studio-button {
    width: 160px;
    margin: 0;
    padding: .25em;
}

.studio-button input[name="submitBack"] {
    margin-right: 10px;
    background: #999;
}

.studio-button a:hover,
input.studio-button:hover {
    text-decoration: none;
    background: #7e6b49;
}

.studio-button.visible-xs-block {
    margin-bottom: 12px;
}

.plan-select .plan-name {
    color: #800000;
    font-size: 25px;
    font-weight: bold;
    line-height: 46px;
}

.schedule .studio-info dl dt,
.schedule .studio-info dl dd {
    line-height: 34px;
    font-weight: bold;
}

.reservation-form .studio-info dl dt,
.reservation-form .studio-info dl dd {
    line-height: 34px;
}

hr {
    height: 1px;
    border: none;
    background: #ccc;
    color: #ccc;
}

hr.bold {
    margin: 0;
    height: 2px;
}

.mw_wp_form.mw_wp_form_input .confirm,
.mw_wp_form.mw_wp_form_confirm .input {
    display: none;
}

.mw_wp_form h2,
.schedule h2 {
    margin: 0 0 2em;
    text-align: center;
    font-size: 24px;
    letter-spacing: .2em;
    font-weight: bold;
}

.mw_wp_form dl {
    margin-bottom: 0;
}

.reservation-form {
    padding: 5%;
}

.reservation-form dl dt,
.reservation-form dl dd {
    margin-bottom: 1em;
}

.reservation-form dl dd {
    font-weight: bold;
}

.reservation-form input[type="text"],
.reservation-form textarea {
    width: 100%;
    padding: 6px 8px;
    font-size: 14px;
    line-height: 1.6;
    font-weight: bold;
}
.reservation-form .mwsect select{
	width: 100%;
    height: 40px;
	padding-left: 10px;
}
.call_to_action {
    color: #800000;
    font-size: larger;
}

.tell-fome .col-xs-1{
	display:block;
	padding: 0;
	text-align: center;
	width:4%;
}