footer#footer.common-top-header,
footer#footer.kaisen-top-header {
    background-color: var(--footer-color);
}

/* 三城海鮮雅総合トップ */
.sanshiro-group-footer {
   /* PC版は2列表示 */
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 2rem;
	
    & .sinsyu-soba-sanshiro {
        grid-column: 1 !important;
        justify-content: right;
		
		& .sanshiro-img img {
            max-height: 20vh;
            width: auto;
            text-align: right;
        }

        & .sanshiro-address {
            gap: 0;
            line-height: 1.5;
            min-width: 50%;
        }
    }

    & .kaisen-miyabi {
        grid-column: 2 !important;
        justify-content: left;
		
		& .kaisen-img img {
            max-height: 20vh;
            width: auto;
            text-align: right;
        }

        & .kaisen-address {
            gap: 0;
            line-height: 1.5;
        }
    }
	
	& .hotel-kashima {
        grid-column: 1 / 3 !important;
        justify-self: center;
        width: 60%;
		
		display: flex;
    	justify-content: center;
    	align-items: center;
    	gap: 1rem;

		& .hotel-img img {
            max-width: 400px;
			max-height: 30vh;
			width: auto;
			height: auto;
			object-fit: contain;
        }

        & .hotel-address {
            flex: 0 0 auto;
        	gap: 0;
        	line-height: 1.5;
        }
    }

    /* phone */
    @media (max-width: 770px) {
        display: flex !important;
        flex-direction: column !important;
        gap: 1rem;
		
		& .sinsyu-soba-sanshiro,
        & .kaisen-miyabi,
		& .hotel-kashima {
            width: auto;
        }
		
		& .hotel-img {
        width: 40%;
        flex-shrink: 0;
    	}

		& .hotel-img img {
			width: 100% !important;
			height: auto !important;
		}

		& .hotel-address {
			width: 60%;
			white-space: normal;
			overflow-wrap: break-word;
		}
    }
}