.header-wrapper,
.message-wrapper,
.menuArea-wrapper,
.footer-wrapper,
.content-wrapper {
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

#contact {
    display: none;
}

.ui-body-a,
.ui-body-b {
    border: none;
}

@media screen and (min-width: 640px) {
    html {
        font: 13px / 1.231 arial, helvetica, clean, sans-serif;
    }

	body {
		background-color: #EEEEEE !important;
	}

    .header-wrapper,
    .message-wrapper,
    .menuArea-wrapper,
    .footer-wrapper,
    .content-wrapper {
        max-width: 720px;
    }

	#mainMenu, #messageList, #messageDetail,
	#facilityReserve, #facilityInfo,
	#security, #setting, #settingMail {
		position: absolute;
		left: auto;
		width: 100%;
		margin-left: 0;
		border-right: 1px solid #E0E0E0;
		border-left: 1px solid #E0E0E0;
	}

    [data-role=page] {
        min-height: 100vh;
    }

    div#header {
        height: 80px;
        background: #edf0f1 url("../img/pc/common/bg_header.gif") repeat-x left top;
    }

    #header .logo {
        padding: 18px 0 0;
    }

    .header-wrapper .logo img {
        height: 45px;
        width: auto;
        object-fit: contain;
    }

    #headerNavi ul {
        margin: 22px 0 10px 0;
    }

    #headerNavi ul li a {
        font-size: 0.52em;
    }

    #weatherArea {
        display: none;
    }

    .menuArea-wrapper {
        padding: 30px 0 80px;
    }

    #content .pcLink,
    #login .pcLink {
        display: none;
    }

    #footer {
        height: 45px;
        padding-bottom: 5px;
    }

    #footer .copyright {
        text-align: left;
    }

    #footer .pageTop {
        padding-right: 0;
        padding-bottom: 0;
    }

    #footer .pageTop a {
        width: 170px;
        height: 27px;
        background-image: url(../img/pc/common/bg_pageTop.gif);
        background-position: left top;
        background-repeat: no-repeat;
        text-align: center;
        padding: 0;
        color: #333;
    }

    #footer .pageTop a:before {
        display: none;
    }

    #footer .pageTop a:hover {
        background-position: left -27px;
    }

    #footer .pageTop a span {
    /*	display: none;*/
        display: inline-block;
        margin-top: 8px;
        margin-left: -18px;
        font-size: 11px;
    }

    #footer .pageTop a:hover span {
        color: #808080;
    }

    .content-wrapper {
        padding: 30px 0 80px;
    }

    #content h1 {
        height: 42px;
        margin-bottom: 30px;
        padding: 0 0 0 25px;
        background: url(../img/pc/common/bg_h1.png) no-repeat left top;
        font-size: 116%;
        font-weight: bold;
        line-height: 42px;
        border-top: none;
    }

    #login {
        border: none;
        min-height: auto;
        top: 50%;
        transform: translate(-50%, -50%);
        margin-left: 0;
    }
}