@charset "UTF-8";
/* CSS Document */
body {
    width: 880px;
    margin-left: auto;
    margin-right: auto;
    color: #1F1F1F;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;	
}
a {
  text-decoration: none;
  color: #0070BE
}
.studio {
    display: flex;
    justify-content: center;
    padding-left: 10px;
    padding-right: 10px;
    gap: 10px;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    text-align: center;
}
.subtitle {
    text-align: center;
    font-weight: bold;
    font-size: large;
    margin-top: 10px;
}
.about {
    text-align: center;
    color: #1F1F1F;
    font-size: 1.2rem;
}
.toplogo {
    display: flex;
	gap: 30px;
	align-items: flex-end;
}
.logo_img {
    width: 80px;
    padding-top: 10px;
}
.title {
    font-weight: bold;
    font-size: x-large;
    text-align: center;
    background-color: #0070BE;
    color: #FFFFFF;
    padding-top: 5px;
    padding-bottom: 5px;
}
footer {
    -webkit-box-shadow: 0px 0px;
    box-shadow: 0px 0px;
    background-color: #EBEBEB;
    margin-top: 20px;
    padding-top: 10px;
    text-align: justify;
    padding-bottom: 20px;
}
.st_info {
    display: flex;
    padding: 10px;
    gap: 20px;
    color: #1F1F1F;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

.f_info {
    width: 90%;
    margin-left: 100px;
    margin-right: 100px;
    font-size: large;
}
.place {
    width: 190px;
}
.adress {
    flex: 1;
}
.f_title {
    font-weight: bold;
    font-size: x-large;
    text-align: center;
}
.studiof {
    text-align: center;
    font-weight: bold;
}

.top {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 20px;
}
.top_title {
    font-size: x-large;
    font-weight: bold;
    margin-bottom: 3px;
}
.spf_info {
    padding-bottom: 0px;
    margin-bottom: 5px;
}
.sub_title {
    padding-left: 119px;
    font-size: medium;
}
.rental_style {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}

/*  drawer.css  */
    .drawer-hamburger-icon, 
    .drawer-hamburger-icon:before,
    .drawer-hamburger-icon:after {
        background-color: transparent;
        height: 0;
    }
    .drawer--right.drawer-open .drawer-hamburger {
        right: 0;
    }
    .drawer-overlay {
        background-color: aliceblue;
    }
    .drawer-hamburger-icon:before {
        position: absolute;
        font-family: 'Material Icons';
        content: "apps";
        font-size: 40px;
    }
    .drawer-open .drawer-hamburger-icon:before {
        -webkit-transform: none;
        transform: none;
        top: -10px;
        font-family: 'Material Icons';
    }
    .drawer-nav {
        padding-top: 50px;
        background: #eee;
    }
.detail {
}
.note {
}
.code {
    text-align: center;
}

@media screen and (max-width:768px){
	
	
.studios .studio {
    flex-direction: column;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
}
body {
    width: 670px;
}
body footer {
}
.f_info {
    font-size: medium;
    margin-left: auto;
    margin-right: auto;
}
.toplogo {
    flex-direction: column;
    align-items: center;
}
img {
    width: 100%;
    height: auto;
    padding-top: 15px;
}
.logo_img {
    width: 65px;
}
.code {
    width: 111px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
}