@charset "UTF-8";
/* ↓リセット↓ */
*,
*::before,
*::after {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
scroll-behavior: smooth;
backface-visibility: hidden;
}
button,
input[type="email"],
input[type="password"],
input[type="text"],
input[type="tel"],
input[type="number"],
input[type="submit"],
input[type="button"],
input[type="date"],
input[type="search"],
textarea,
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 0;
border: none;
outline: none;
background: transparent;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
img {
vertical-align: middle;
}
ul,
ol {
font-size: 0;
}
ul li,
ol li{
font-size: 13px;
vertical-align: top;
}
/* ↑リセット↑ */


/* ↓共通↓ */
button,
input[type="email"],
input[type="password"],
input[type="text"],
input[type="tel"],
input[type="number"],
input[type="date"],
input[type="search"],
textarea {
border: 1px solid rgba(230,230,230,1.00);
font-size: 16px;
font-weight: 20px;
padding: 5px;
width: 100%;
}

body {
font: 16px/1.5em "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
color: rgba(50,50,50,1.00);
}
a:hover {
opacity: 0.70;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
-moz-transition: 0.3s;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
h2 {
font-size: 32px;
color: rgba(100,100,100,1.00);
font-weight: bold;
letter-spacing: 0.2em;
text-align: center;
margin: 0 0 20px;
}
h2 small {
font-size: 16px;
display: block;
color: rgba(50,50,50,1.00);
letter-spacing: 0.1em;
text-transform:capitalize;
}

section h3 {
font-size: 18px;
color: rgba(0,180,230,1.00);
}
main p {
padding: 5px 20px;
}
br.smt {
display: none;
}

@media (max-width: 1200px) {
.1200-990（lg）ーーーーーーーーーーーーーーー{}

/*1200-990（lg）*/}

@media (max-width: 990px) {
.990-770（md）ーーーーーーーーーーーーーーー{}

/*990-770（md）*/}

@media (max-width: 770px) {
.770-550（sm）ーーーーーーーーーーーーーーー{}

/* スマホでクリックミスを防ぐ為 */
a:hover {
opacity: 1.00;
filter: alpha(opacity=100);
-ms-filter: "alpha( opacity=100 )";
}

/*770-550（sm）*/}

@media (max-width: 550px) {
.550以下（xs）ーーーーーーーーーーーーーーー{}
h2 {
font-size: 25px;
color: rgba(100,100,100,1.00);
font-weight: bold;
letter-spacing: 0.1em;
}
section h3 {
text-align: center;
}
.table th,
.table td {
display: block;
border-top: none;
}
.table th {
padding-bottom: 0;
}
.table td {
padding-top: 0;
border-bottom: 1px solid rgba(200,200,200,1.00);
}
br.smt {
display: block;
}
/*550以下（xs）*/}
/* ↑共通↑ */





/* ↓ヘッダー↓ */
header {
background-color: rgba(255,255,255,1.00);
border-top: 25px solid rgba(255,230,20,1.00);
border-bottom: 40px solid rgba(0,180,230,1.00);
}
#header-box {
width: 1140px;
margin: auto;
display: table;
}
#header-L,
#header-R {
display: table-cell;
position: relative;
vertical-align: top;
}
#header-L h1 {
margin: 0;
display: inline-block;
font-size: 16px;
line-height: 20px;
}
#header-L h1 img {
height: 65px;
}
#header-L p {
position: absolute;
padding: 0 10px;
top: -25px;
left: 0;
font-size: 16px;
line-height: 25px;
font-weight: bold;
white-space: nowrap;
}
#header-R {
text-align: right;
}
#header-R li {
display: inline-block;
}
#header-R li a {
display: block;
}
#sub-navi {
margin: -25px 0 0;
}
#sub-navi li a {
width: 233px;
text-align: center;
background-color: rgba(1,108,188,1.00);
padding: 2px 10px;
margin: 0 0 0 11px;
color: rgba(255,255,255,1.00);
font-size: 13px;
line-height: 21px;
white-space: nowrap;
}
#sub-navi li a:hover {
text-decoration: none;
}
#main-navi {
margin: 0;
width: auto;
}
#main-navi li:nth-child(2) a {
border-left: 1px solid rgba(200,200,200,1.00);
}
#main-navi li a {
text-align: left;
width: 116px;
padding: 10px 5px 0;
color: rgba(88,88,88,1.00);
border-right: 1px solid rgba(200,200,200,1.00);
height: 65px;
white-space: nowrap;
}
#main-navi li a:hover {
text-decoration: none;
background-color: rgba(0,108,188,0.20);
}
#main-navi li a small {
display: block;
color: rgba(1,108,188,1.00);
}
#main-navi li.smt-navi {
display: none;
}


.home #main-navi li:nth-child(1) a,
.page-id-145 #main-navi li:nth-child(2) a,
.page-id-148 #main-navi li:nth-child(3) a,
.page-id-150 #main-navi li:nth-child(4) a,
.page-id-336 #main-navi li:nth-child(5) a,
.page-id-155 #main-navi li:nth-child(6) a,
.page-id-152 #main-navi li:nth-child(7) a,
.page-id-162 #main-navi li:nth-child(8) a,
.page-id-158 #main-navi li:nth-child(9) a{
border-bottom: 5px solid rgba(1,108,188,1.00);
}




@media (max-width: 1200px) {
.1200-990（lg）ーーーーーーーーーーーーーーー{}
#header-box {
width: 100%;
}
/*1200-990（lg）*/}
@media (max-width: 990px) {
.990-770（md）ーーーーーーーーーーーーーーー{}
#header-L h1 img {
max-width: 260px;
}
#header-L p {
font-size: 14px;
}
#main-navi li a {
width: auto;
min-width: 90px;
}
/*990-770（md）*/}

@media (max-width: 770px) {
.770-550（sm）ーーーーーーーーーーーーーーー{}
#header-R {
background-color: rgba(255,255,255,1.00);
border: 5px solid rgba(0,108,188,1.00);
padding: 10px;
z-index: 100;
}
#sub-navi {
margin: 0;
}
#sub-navi li{
display: block;
}
#sub-navi li a {
margin: 0 0 10px 0 ;
width: 100%;
text-align: left;
}
#main-navi {
border: none;
}
#main-navi li {
display: block;
width: 100%;
}
#main-navi li a {
border-right: none;
border-top: 1px solid rgba(200,200,200,1.00);
font-size: 16px;
}
#main-navi li:nth-child(2) a {
border-left: none;
}
#main-navi li.smt-navi {
display: block;
}
#main-navi li a small {
font-size: 12px;
line-height: 16px;
text-align: right;
letter-spacing: 0.1em;
}
.ハンバーガーメニューーーーーーーーーーーーー{}
#header-R {
display: block;
position: fixed;
height: auto;
width: 250px;
top: 80px;
right: -250px;
-webkit-transition: 0.35s ease-in-out;
transition: 0.35s ease-in-out;
overflow-y: scroll !important;
-webkit-overflow-scrolling: touch;
margin-top: 0px;
z-index: 300;
}

/* nav-toggle */
#nav-toggle {
display: none;
position: fixed;
top: 38px;
right: 10px;
background-color: rgba(0,108,188,1.00);
}
#nav-toggle div{
width: 40px;
height: 40px;
}
#nav-toggle > div {
position: relative;
width: 40px;
}
#nav-toggle span {
width: 80%;
height: 3px;
left: 0;
display: block;
background-color: rgba(255,255,255,1.00);
position: absolute;
-webkit-transition: .35s ease-in-out;
-moz-transition: .35s ease-in-out;
margin: 5px auto 0px 10%;
transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
top: 0;
}
#nav-toggle span:nth-child(2) {
top: 8px;
}
#nav-toggle span:nth-child(3) {
top: 16px;
}
#nav-toggle div::after {
position: absolute;
display: block;
content: "MENU";
font: 11px Helvetica, Arial, sans-serif;
color: rgba(255,255,255,1.00);
bottom: 1px;
left: 3.5px;
}
#overlay {
display: none;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
#nav-toggle {
display: block;
z-index: 200;
}
/* nav open */
.open {
overflow: hidden;
}
.open #overlay {
display: block;
background-color: rgba(0,0,0,0.70);
z-index: 100;
}
.open #header-R  {
-webkit-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0);
}

/* #nav-toggle close */
.open #nav-toggle {
background-color: rgba(255,255,255,0.00);
}
.open #nav-toggle span:nth-child(1) {
top: 11px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}
.open #nav-toggle span:nth-child(2) {
width: 0;
left: 50%;
}
.open #nav-toggle span:nth-child(3) {
top: 11px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.open #nav-toggle div::after {
display: none;
}

/*770-550（sm）*/}

@media (max-width: 550px) {
.550以下（xs）ーーーーーーーーーーーーーーー{}
header {
background-color: rgba(255,255,255,1.00);
border-top: 15px solid rgba(255,230,20,1.00);
border-bottom: 25px solid rgba(0,180,230,1.00);
}
#header-L p {
padding: 0 5px;
top: -15px;
font-size: 11px;
line-height: 15px;
}
#header-L,
#header-R {
text-align: left;
}
#header-L {
padding: 0px;
}
#header-L h1 img {
height: 40px;
margin: 0;
padding: 0;
}

.ハンバーガーメニューーーーーーーーーーーーー{}
#main-navi li a small {
font-size: 12px;
}
#main-navi li a {
font-size: 15px;
height: auto;
padding: 3px 6px;
}

#header-R {
top: 65px;
}
/* nav-toggle */
#nav-toggle {
top: 15px;
}
/*550以下（xs）*/}

/* ↑ヘッダー↑ */




/* ↓メインヴィジュアル↓ */
#MV {
background-color: rgba(0,108,188,1.00);
text-align: center;
padding: 20px 0;
overflow: hidden;
}
#MV img {
width: 100%;
max-width: 1200px;
}
@media (max-width: 550px) {
.550以下（xs）ーーーーーーーーーーーーーーー{}
#MV {
max-width: 100%;
overflow: hidden;
text-align: center;
padding: 20px 0 0;
}
#MV img {
height: 150px;
width: 100vw;
object-fit: cover;
}
/*550以下（xs）*/}
/* ↑メインヴィジュアル↑ */



/* ↓スライダー↓  */
#slider {
background-color: rgba(255,255,255,1.00);
padding: 0 0 20px;
overflow: hidden;
position: relative;
}
#slider::before {
position: relative;
content: "";
display: block;
width: 100%;
height: 100px;
background-color: rgba(0,108,188,1.00);
}
#slider img {
max-width: 97%;
margin-top: -80px;
position: relative;
z-index: 100;
}
.swiper-container  {
width: 100%;
max-width: 840px !important;
margin: 0 auto !important;
overflow: visible !important;
text-align: center;
}
@media (max-width: 550px) {
.550以下（xs）ーーーーーーーーーーーーーーー{}
#slider img {
margin-top: -20px;
}
#slider::before {
height: 30px;
}
/*550以下（xs）*/}


/* ↑スライダー↑ */



/* ↓TOPサーチ↓ */
#top-search {
background-color: rgba(110,170,220,1.00);
padding: 30px 0;
}
#top-search h2,
#top-search h2 small{
color: rgba(255,255,255,1.00);
text-align: center;
margin-bottom: 10px;
}
#top-search-L {
background-color: rgba(40,130,200,1.00);
text-align: right;
}
#top-search-L,
#top-search-R {
padding: 25px;
text-align: center;
}
#top-search-L section,
#top-search-R section{
display: inline-block;
width: 100%;
max-width: 500px;
}
#map {
height: 500px;
background-image: url(../images/map.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: 500px auto;
display: block;
}
#map ul {
width: 100%;
height: 100%;
position: relative;
}
#map ul li {
position: absolute;
list-style: none;
}
#map ul li a {
display: block;
font-size: 26px;
background-color: rgba(255,230,20,1.00);
color: rgba(0,0,0,1.00);
border: 2px solid rgba(50,50,50,1.00);
padding: 5px;
font-weight: bold;
min-width: 200px;
outline: 2px solid rgb(255, 255, 255);
outline-offset: -4px;
text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
-1px 1px 0 #FFF, 1px -1px 0 #FFF,
0px 1px 0 #FFF,  0-1px 0 #FFF,
-1px 0 0 #FFF, 1px 0 0 #FFF;
}
#map ul li a:hover {
text-decoration: none;
}
#map ul li#map-sonota {
top: 50px;
left: 50px;
}
#map ul li#map-shinagawaku {
top: 160px;
left: 100px;
}
#map ul li#map-ootaku {
top: 280px;
left: 100px;
}
#map ul li#map-kawasakishi {
top: 420px;
left: 50px;
}
#top-search-R {
background-color: rgba(75,150,210,1.00);
}
#top-search-R #area {
background-color: rgba(255,255,255,1.00);
padding: 20px 25px;
height: 500px;
text-align: left;
}
#top-search-R #area a:hover {
text-decoration: none;
}
#top-search-R #area h3 {
font-size: 20px;
line-height: 25px;
font-weight: bold;
margin: 0 0 5px;
}
#top-search-R #area h3 a {
color: rgba(50,50,50,1.00);
}
#top-search-R #area ul {
border-bottom: 1px solid rgba(230,230,230,1.00);
padding: 0 0 8px;
margin: 0 0 8px;
}
#top-search-R #area li {
display: inline-block;
margin: 0 5px 5px 0;
}
#top-search-R #area li a {
display: block;
background-color: rgba(0,108,188,1.00);
border-radius: 3px;
color: rgba(255,255,255,1.00);
padding: 0 8px;
line-height: 23px;
font-size: 16px;
}

@media (max-width: 1200px) {
.1200-990（lg）ーーーーーーーーーーーーーーー{}
#map ul li a {
font-size: 23px;
min-width: 180px;
}
#map ul li#map-sonota {
top: 50px;
left: 10%;
}
#map ul li#map-shinagawaku {
top: 160px;
left: 15%;
}
#map ul li#map-ootaku {
top: 280px;
left: 15%;
}
#map ul li#map-kawasakishi {
top: 420px;
left: 10%;
}
/*1200-990（lg）*/}

@media (max-width: 990px) {
.990-770（md）ーーーーーーーーーーーーーーー{}
#top-search-L,
#top-search-R {
padding: 10px;
}
#top-search-R #area {
padding: 10px;
height: auto;
}
#map ul li a {
min-width: 150px;
}
/*990-770（md）*/}

@media (max-width: 770px) {
.770-550（sm）ーーーーーーーーーーーーーーー{}
#top-search-L,
#top-search-R {
margin: 0 20px;
}
#map ul li#map-sonota {
top: 50px;
left: 50px;
}
#map ul li#map-shinagawaku {
top: 160px;
left: 100px;
}
#map ul li#map-ootaku {
top: 280px;
left: 100px;
}
#map ul li#map-kawasakishi {
top: 420px;
left: 50px;
}
#top-search-R #area {
padding: 15px;
height: auto;
}
#top-search-R #area li {
margin: 0 8px 8px 0;
}
#top-search-R #area li a {
font-size: 16px;
padding: 2px 10px;
}
/*770-550（sm）*/}

@media (max-width: 550px) {
.550以下（xs）ーーーーーーーーーーーーーーー{}
#top-search {
padding: 10px 0;
}
#top-search h2,
#top-search h2 small{
margin-bottom: 10px;
}
#top-search-L,
#top-search-R {
margin: 0 5px;
padding: 10px;
text-align: center;
}
#top-search-L h2,
#top-search-R h2 {
font-size: 20px;
}
#top-search-L h2 small,
#top-search-R h2 small {
font-size: 13px;
}
#top-search-L #map {
max-width: 350px;
max-height: 350px;
background-size: 350px auto;
margin: auto;
}
#map ul li a {
font-size: 18px;
min-width: 160px;
}
#map ul li#map-sonota {
top: 20px;
left: 10%;
}
#map ul li#map-shinagawaku {
top: 100px;
left: 15%;
}
#map ul li#map-ootaku {
top: 180px;
left: 18%;
}
#map ul li#map-kawasakishi {
top: 290px;
left: 10%;
}


/*550以下（xs）*/}


/* ↑TOPサーチ↑ */




/* ↓キャンペーン↓ */
#campaign-box {
padding: 30px 0;
background-color: rgba(220,240,250,1.00);
}
.campaign {
padding-bottom: 20px;
}
.campaign a {
display: block;
border: 5px solid rgba(0,180,230,1.00);
background-color: rgba(255,255,255,1.00);
text-align: center;
padding: 10px 10px 30px;
height: 100%;
position: relative;
}
.campaign a:hover {
text-decoration: none;
}

.campaign .can-title {
display: grid;
place-items: center;
min-height: 50px;
background-color: #006CBC;
padding: 5px 20px;
line-height: 20px;
font-size: 16px;
border-radius: 5px;
color: #FFFFFF;
position: relative;
vertical-align: middle;
}
.campaign .can-title::before,
.campaign .can-title::after{
content: "";
display: block;
position: absolute;
height: 60px;
width: 30px;
background-repeat: no-repeat;
top: -3px;
}
.campaign .can-title::before {
background-image: url(../images/campaign-img01.svg);
left: -10px;
}
.campaign .can-title::after {
background-image: url(../images/campaign-img01.svg);
right: -10px;
}
.campaign h3 {
display: grid;
place-items: center;
min-height: 80px;
font-size: 30px;
color: rgba(88,88,88,1.00);
margin: 10px 0;
line-height: 40px;
font-weight: bold;
}
.campaign p {
position: absolute;
background-color: rgba(255,230,0,1.00);
border-radius: 5px;
color: rgba(50,50,50,1.00);
font-size: 13px;
margin: 0 auto;
bottom: 10px;
width: 80%;
left: 0;
right: 0;

}
/* ↑キャンペーン↑ */



/* ↓お知らせ↓ */
#information {
padding: 30px 0;
}
#information table {
width: 100%;
}
#information table th,
#information table td{
border-bottom: 1px solid rgba(200,200,200,1.00);
padding: 10px 20px;
color: rgba(100,100,100,1.00);
}
#information table th {
vertical-align: top;
white-space: nowrap;
width: 10%;
font-weight: normal;
}
#information table td h3 {
font-size: 16px;
line-height: 24px;
font-weight: bold;
}

@media (max-width: 550px) {
.550以下（xs）ーーーーーーーーーーーーーーー{}
#information table th,
#information table td {
padding: 10px;
display: block;
}
#information table th {
border: none;
padding-bottom: 0;
}
/*550以下（xs）*/}


/* ↑お知らせ↑ */




/* ↓外部バナー↓ */
#banner-box01 {
text-align: center;
background-color: rgba(220,230,240,1.00);
padding: 10px;
font-size: 0;
}
#banner-box01 a {
display: inline-block;
width: 200px;
margin: 10px;
font-size: 13px;
}
#banner-box01 a img {
max-width: 100%;
}
@media (max-width: 550px) {
.550以下（xs）ーーーーーーーーーーーーーーー{}
#banner-box01 {
position: relative;
z-index: 1;
}
#banner-box01 a {
display: inline-block;
width: calc(100% / 2 - 10px);
margin: 5px;
}
/*550以下（xs）*/}

/* ↑外部バナー↑ */




/* ↓CITY・BOXについて↓ */
#about {
padding: 30px 0;
background-color: rgba(40,130,200,1.00);
color: rgba(255,255,255,1.00);
}
#about h2,
#about h2 small{
color: rgba(255,255,255,1.00);
}
@media (max-width: 550px) {
.550以下（xs）ーーーーーーーーーーーーーーー{}
#about {
padding: 15px 0;
position: relative;
z-index: -1;
}
#about p {
font-size: 13px;
line-height: 18px;
margin: 0;
}

/*550以下（xs）*/}
/* ↑CITY・BOXについて↑ */



/* ↓フッターナビ↓ */
#footer-navi {
background-color: rgba(0,108,188,1.00);
padding: 20px;
text-align: center;
}
#footer-navi  ul {
margin: 0;
}
#footer-navi  ul li {
display: inline-block;
}
#footer-navi  ul li a {
color: rgba(255,255,255,1.00);
padding: 0 10px;
}
@media (max-width: 770px) {
.770-550（sm）ーーーーーーーーーーーーーーー{}
#footer-navi {
display: none;
}
/*550以下（xs）*/}
/* ↑フッターナビ↑ */




/* ↓申込書↓ */
#moushikomi {
text-align: center;
background-color: rgba(220,230,240,1.00);
padding: 10px;
}
#moushikomi ul {
margin: 0;
}
#moushikomi ul li {
display: inline-block;
}
#moushikomi ul li a {
display: block;
background-image: url(../images/pdf.png);
background-repeat: no-repeat;
background-position: left top;
background-size: 50px auto;
padding: 0 20px 0 70px;
line-height: 50px;
font-size: 16px;
font-weight: bold;
color: rgba(50,50,50,1.00);
background-color: rgba(255,255,255,1.00);
margin: 10px;
}
#moushikomi ul li a:hover {
text-decoration: none;
}
@media (max-width: 770px) {
.770-550（sm）ーーーーーーーーーーーーーーー{}
#moushikomi {
display: none;
}
/*770-550（sm）*/}


/* ↑申込書↑ */



/* ↓フッターショップ↓ */
#footer-shop {
text-align: center;
}
#footer-shop .row {
border-top: 1px solid rgba(150,150,150,1.00);
border-left: 1px solid rgba(150,150,150,1.00);
}
#footer-shop .row div {
border-bottom: 1px solid rgba(150,150,150,1.00);
border-right: 1px solid rgba(150,150,150,1.00);
}
#footer-shop p {
margin: 0;
padding: 10px;
}
#footer-shop section {
padding: 10px;
}
#footer-shop section h3 {
font-size: 16px;
padding: 0;
margin: 0;
}
#footer-shop section .tel {
font-size: 18px;
color: rgba(0,108,188,1.00);
padding: 10px 0;
margin: 0;
}
#footer-shop section .tel small {
font-size: 13px;
color: rgba(100,100,100,1.00);
}
#footer-shop section .add {
font-size: 13px;
padding: 0;
}
#footer-shop section .add span{
margin: 0 0 0 5px;
}
.single-room #footer-shop {
display: none;
}
@media (max-width: 770px) {
.770-550（sm）ーーーーーーーーーーーーーーー{}
#footer-shop section .add span {
display: block;
}
/*770-550（sm）*/}
@media (max-width: 550px) {
.550以下（xs）ーーーーーーーーーーーーーーー{}
#footer-shop {
position: relative;
z-index: 1;
}
#footer-shop section {
height: auto;
padding: 5px 0;
}
#footer-shop section .tel {
font-size: 16px;
padding: 5px 0;
}
#footer-shop section .add {
font-size: 12px;
line-height: 16px;
}
#footer-shop section .add span{
display: block;
}

/*550以下（xs）*/}

/* ↑フッターショップ↑ */



/* ↓フッターグループバナー↓ */
#group-banner {
color: rgba(255,255,255,1.00);
background-color: rgba(0,108,188,1.00);
padding: 20px;
text-align: center;
}
#group-banner ul {
margin: 0;
}
#group-banner ul li {
display: inline-block;
}
#group-banner ul li a {
padding: 5px;
display: block;
}
#group-banner ul li a img {
max-width: 100%;
}
@media (max-width: 770px) {
.770-550（sm）ーーーーーーーーーーーーーーー{}
#group-banner ul li {
width: 25%;
}

/*770-550（sm）*/}
@media (max-width: 550px) {
.550以下（xs）ーーーーーーーーーーーーーーー{}
#group-banner {
display: none;
}
/*550以下（xs）*/}
/* ↑フッターグループバナー↑ */



/* ↓フッターコピー↓ */
#footer-copy {
background-color: rgba(90,160,210,1.00);
text-align: center;
}
#footer-copy p {
color: rgba(255,255,255,1.00);
font-size: 13px;
padding: 10px;
margin: 0;
}
/* ↑フッターコピー↑ */





/* ↓パンくず↓ */
#pankuzu {
max-width: 1140px;
font-size: 13px;
line-height: 20px;
margin: -40px auto 0 ;
}
#pankuzu ul {
list-style: none;
padding: 10px;
}
#pankuzu ul li {
display: inline-block;
color: rgba(255,255,255,1.00);
position: relative;
}
#pankuzu ul li:not(:first-child) {
padding: 0 0 0 20px;
}
#pankuzu ul li:not(:first-child)::before{
content: "\025b6";
position: absolute;
top: 0;
bottom: 0;
left: 5px;
margin: auto;
}
#pankuzu ul li a {
display: block;
background-color: rgba(255,255,255,1.00);
padding: 0 10px;
color: rgba(50,50,50,1.00);
}
#pankuzu ul li a:hover {
text-decoration: none;
}
#pankuzu ul li:not(:first-child) a {
}
@media (max-width: 550px) {
.550以下（xs）ーーーーーーーーーーーーーーー{}
#pankuzu {
margin: -21px auto 0 ;
}
#pankuzu ul {
padding: 0px 5px;
}
#pankuzu ul li a {
font-size: 12px;
line-height: 13px;
padding: 2px 4px 2px 5px;
}
#pankuzu ul li {
line-height: 18px;
}

/*550以下（xs）*/}
/* ↑パンくず↑ */










/* ↓物件一覧↓ */
#ichiran-title {
margin-bottom: 20px;
}
#ichiran-title small {
display: inline-block;
}
#ichiran a {
width: 100%;
display: table;
border: 5px solid rgba(0,108,188,1.00);
position: relative;
color: rgba(50,50,50,1.00);
text-decoration: none;
margin: 0 0 30px;
}
#ichiran a .badge {
position: absolute;
top: -5px;
left: -5px;
}
.badge {
padding: 0;
font-size: 0;
text-align: left;
}
.badge span {
font-size: 13px;
line-height: 25px;
display: inline-block;
padding: 0px 15px;
}
.badge .kushitsu {
color: rgba(255,255,255,1.00);
background-color: rgba(0,180,230,1.00);
}
.badge .manshitsu {
color: rgba(255,255,255,1.00);
background-color: rgba(88,88,88,1.00);
}
.badge .campaign-badge {
color: rgba(255,255,255,1.00);
background-color: rgba(255,0,80,1.00);
display: none;
}
.badge .campaign,
.badge .campaigncampaign,
.badge .campaigncampaigncampaign,
.badge .campaigncampaigncampaigncampaign,
.badge .campaigncampaigncampaigncampaigncampaign{
display: inline-block;
}
.badge .okunai,
.badge .okugai{
background-color: rgba(0,108,188,1.00);
color: rgba(255,255,255,1.00);
}
.badge p {
display: none;
padding: 0 10px;
font-size: 13px;
line-height: 25px;
font-weight: normal;
max-width: 100%;
white-space: normal;
}
.badge p.campaign,
.badge p.campaigncampaign,
.badge p.campaigncampaigncampaign,
.badge p.campaigncampaigncampaigncampaign,
.badge p.campaigncampaigncampaigncampaigncampaign
{
display: block;
}
.ichiran-L,
.ichiran-R
{
display: table-cell;
}
.ichiran-L {
width: 60%;
min-width: 500px;
padding: 30px 10px 5px;
}
.ichiran-L h3 {
font-size: 25px;
line-height: 30px;
font-weight: bold;
color: rgba(88,88,88,1.00);
}
.ichiran-img {
width: 100%;
margin: 0 0 10px;
}
.ichiran-img li {
width: calc(100% / 3 - 7px);
display: inline-block;
margin-right: 10px;
}
.ichiran-img li:last-child {
margin-right: 0px;
}
.ichiran-img img{
aspect-ratio: 1 / 1;
width: 100%;
object-fit: cover;
}
.ichiran-img img{
aspect-ratio: 1 / 1;
width: 100%;
object-fit: cover;
}
.ichiran-img li:nth-child(3) img {
object-fit: contain;
}
.setsubi-icons {
margin: 0 0 0 -5px;
}
.setsubi-icons li,
.map-content06 li{
display: inline-block;
margin: 0 0 5px 5px;
width: 50px;
height: 50px;
position: relative;
}
.setsubi-icons li span,
.map-content06 li span{
display: none;
}
.setsubi-icons li:hover span,
.map-content06 li:hover span{
display: block;
position: absolute;
white-space: nowrap;
padding: 2px 5px;
background-color: rgba(240,240,245,0.90);
color: rgba(50,50,50,1.00);
font-size: 11px;
z-index: 100;
top: 2px;
left: 2px;
}
.setsubi-icons li.setsubi-icon01,
.map-content06 li.setsubi-icon01{
background-image: url(../images/setsubi-icon01.svg);
}
.setsubi-icons li.setsubi-icon02,
.map-content06 li.setsubi-icon02{
background-image: url(../images/setsubi-icon02.svg);
}
.setsubi-icons li.setsubi-icon03,
.map-content06 li.setsubi-icon03{
background-image: url(../images/setsubi-icon03.svg);
}
.setsubi-icons li.setsubi-icon04,
.map-content06 li.setsubi-icon04{
background-image: url(../images/setsubi-icon04.svg);
}
.setsubi-icons li.setsubi-icon05,
.map-content06 li.setsubi-icon05{
background-image: url(../images/setsubi-icon05.svg);
}
.setsubi-icons li.setsubi-icon06,
.map-content06 li.setsubi-icon06 {
background-image: url(../images/setsubi-icon06.svg);
}
.setsubi-icons li.setsubi-icon07,
.map-content06 li.setsubi-icon07 {
background-image: url(../images/setsubi-icon07.svg);
}
.setsubi-icons li.setsubi-icon08,
.map-content06 li.setsubi-icon08 {
background-image: url(../images/setsubi-icon08.svg);
}
.setsubi-icons li.setsubi-icon09,
.map-content06 li.setsubi-icon09 {
background-image: url(../images/setsubi-icon09.svg);
}
.setsubi-icons li.setsubi-icon10,
.map-content06 li.setsubi-icon10 {
background-image: url(../images/setsubi-icon10.svg);
}
.setsubi-icons li.setsubi-icon11,
.map-content06 li.setsubi-icon11 {
background-image: url(../images/setsubi-icon11.svg);
}



.ichiran-R {
min-width: 270px;
background-color: rgba(0,108,188,1.00);
padding: 10px 5px 30px 10px;
color: rgba(255,255,255,1.00);
font-size: 13px;
line-height: 18px;
vertical-align: top;
}
.box-info-table {
width: 100%;
}
.box-info-table tr th,
.box-info-table tr td{
background-color: rgba(230,230,230,1.00);
padding: 5px 10px;
color: rgba(50,50,50,1.00);
}
.box-info-table tr th {
white-space: nowrap;
width: 10%;
}
.box-info-table tr:nth-child(even) th,
.box-info-table tr:nth-child(even) td {
background-color: rgba(250,250,250,1.00);
}
.box-info-table .chinryou span {
font-size: 18px;
color: rgba(0,108,188,1.00);
font-weight: bold;
}
.ichiran-shosai {
background-color: rgba(255,230,20,1.00);
color: rgba(50,50,50,1.00);
display: block;
padding: 5px 15px;
text-align: center;
font-weight: bold;
position: absolute;
min-width: 200px;
bottom: -5px;
right: -5px;
}

/*サイド絞り込み検索*/
#sidebar aside {
position: sticky;
top: 0;
margin: 0 0 30px;
}
#side_box {
transition: opacity 0.5s, visibility 0.5s;
padding: 5px 10px;
border: 5px solid rgba(0,108,188,1.00);
margin: 0 0 20px;
background-color: rgba(255,255,255,1.00);
}
#side_box h3 {
font-size: 18px;
}
#side_box h4 {
font-size: 13px;
font-weight: bold;
margin: 5px 0;
padding: 0;
}
#side_search ul {
padding: 0;
margin: 0;
}
#side_search ul li {
padding: 10px 0;
margin: 0;
list-style: none;
font-size: 13px;
border-bottom: 1px solid rgba(200,200,200,1.00);
}
#side_search ul li:last-child,
#side_search ul li ul li {
padding: 3px 0;
border-style: none;
line-height: 13px;
}
#side_search ul li ul li label {
margin: 0px 0px 0px 3px;
vertical-align: top;
}
.sf-field-taxonomy-madori ul li,
.sf-field-taxonomy-eki_toho ul li {
width: 50%;
display: inline-block;
}
#side_search h4 {
max-width: 100%;
width: 100%;
font-size: 15px;
color: rgba(0,108,188,1.00);
}
.sf-field-search label {
width: 100%;
margin: 0;
}
.sf-field-search label input[type="text"] {
width: 100%;
border-radius: 5px;
border: 1px solid rgba(230,230,230,1.00);
font-size: 16px;
line-height: 24px;
padding: 5px;
}
.searchandfilter select.sf-input-select {
min-width: auto!important;
}
.sf-field-taxonomy-area label,
.sf-field-taxonomy-campaign label{
width: 100%;
margin: 0;
position: relative;
}
.sf-field-taxonomy-area label::after,
.sf-field-taxonomy-campaign label::after {
content: "\025bc";
font-size: 10px;
position: absolute;
color: rgba(0,108,188,1.00);
top: 5px;
right: 5px;
}
.sf-input-select {
width: 100%;
border-radius: 2px;
min-width: 100%;
border: 1px solid rgba(230,230,230,1.00);
background-color: rgba(240,240,240,1.00);
height: 35px;
padding: 5px;
}
#side_box ul li:first-child input[type="submit"] {
margin-top: 0px!important;
margin-bottom: 5px;
}
#side_box input[type="submit"] {
width: 100%;
display: block;
border-radius: 3px;
height: 30px;
border-style: none;
background-color: rgba(240,100,100,1.00);
color: rgba(255,255,255,1.00);
font-size: 16px;
margin: 5px 0 0;
}
.meta-slider {
width: 100%!important;
max-width: 96%!important;
}
#side_box input[type="number"],
#side_box .sf-input-range-number,
#side_box .sf-field-post-meta-chikunen {
border-style: none;
font-size: 15px;
max-width: auto!important;
width: auto!important;
color: rgba(0,100,120,1.00);
}
.sf-meta-range-slider label {
width: 40%;
display: inline-block;
}
.sf-meta-range-slider span {
width: 4%;
display: inline-block;
font-size: 13px;
}
#side_box .searchandfilter .sf-range-max,
#side_box .searchandfilter .sf-range-min {
width: 100%;
min-width: 100%;
max-width: 100%;
}
#smt-shibori-open,
#smt-shibori-close{
display: none;
}
#smt-shibori-open:hover,
#smt-shibori-close:hover {
text-decoration: none;
}
.side-banner {
padding: 10px 10px 0;
background-color: rgba(220,230,240,1.00);
}
.side-banner li {
list-style: none;
padding: 0 0 10px;
}
.side-banner li a img {
width: 100%;
}


@media (min-width: 1200px) {
.1200以上（xl）ーーーーーーーーーーーーーーー{}

/*1200 以上（xl）*/}


@media (max-width: 1200px) {
.1200-990（lg）ーーーーーーーーーーーーーーー{}
.ichiran-L {
min-width: auto;
}
.ichiran-R {
min-width: auto;
}
/*1200-990（lg）*/}

@media (max-width: 990px) {
.990-770（md）ーーーーーーーーーーーーーーー{}

/*990-770（md）*/}

@media (max-width: 770px) {
.770-550（sm）ーーーーーーーーーーーーーーー{}
.ichiran-shosai {
min-width: 165px;
}
.ichiran-R {
max-width: 295px;
}
/*770-550（sm）*/}

@media (max-width: 550px) {
.550以下（xs）ーーーーーーーーーーーーーーー{}
.ichiran-L,
.ichiran-R
{
display: block;
width: 100%;
min-width: 100%;
}
.ichiran-R {
padding: 15px 10px 40px;
}
.ichiran-shosai {
left: 0;
right: 0;
bottom: 0;
}
#smt-shibori-open,
#smt-shibori-close{
display: block;
position: fixed;
right: 0;
top: 50%;
background-color: rgba(255,81,84,1.00);
color: rgba(255,255,255,1.00);
padding: 10px 5px;
writing-mode: vertical-rl;
z-index: 100;
}
#smt-shibori-close {
display: none;
}
#side_box:not(:target) {
opacity: 0;
visibility: hidden;
transition: opacity 0.5s, visibility 0.5s;
}
#side_box:target {
opacity: 1;
visibility: visible;
transition: opacity 0.5s, visibility 0.5s;
position: fixed;
right: 30px;
bottom: 0;
z-index: 9999;
-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.50);
box-shadow: 0px 0px 5px rgba(0,0,0,0.50);
}
#side_box:target #smt-shibori-open {
display: none;
}
#side_box:target #smt-shibori-close {
display: block;
}
.badge {
text-align: left;
}
.badge p.campaign01,
.badge p.campaign02 {
display: block;
}
.badge p {
padding: 5px;
line-height: 18px;
margin: 0;
}
.box-info-table {
margin-bottom: 5px;
}
/*550以下（xs）*/}

/* ↑物件一覧↑ */
















/* ↓物件詳細↓ */


#shosai-title h2 {
margin: 10px 0 0;
color: rgba(50,50,50,1.00);
font-size: 38px;
line-height: 50px;
text-align: left;
}



/* ↓画像スライダー↓ */
#Img-Gallery {
margin-bottom: 50px;
}
#Img-Gallery .gallery-top {
height: auto;
text-align: center;
padding: 0;
border-style: none!important;
}
#Img-Gallery .swiper-container {
overflow: hidden!important;
padding-bottom: 20px;
}
#Img-Gallery .gallery-top .swiper-slide {

}
#Img-Gallery .gallery-top .swiper-slide a .okunai,
#Img-Gallery .gallery-top .swiper-slide a .okugai{
position: absolute;
background-color: rgba(0,108,188,1.00);
color: rgba(255,255,255,1.00);
width: 100%;
text-align: center;
left: 0;
top: 0;
z-index: 100;
}
#Img-Gallery .gallery-top .swiper-slide a {
display: inline-block;
width: auto;
border-style: none!important;
position: relative;
}
#Img-Gallery .gallery-top .swiper-slide img {
margin: auto;
width: auto;
max-width:  100%;
max-height: 410px;
border-style: none!important;
}
#Img-Gallery ul.swiper-wrapper {
padding: 0;
margin: 0;
width: 100%;
font-size: 0px;
text-align: left;
}
#Img-Gallery ul.swiper-wrapper li {
width: calc(100% / 6)!important;
display: inline-block!important;
font-size: 13px;
margin: 0!important;
border: 1px solid rgba(255,255,255,1.00);
}
#Img-Gallery .gallery-thumbs .swiper-slide img {
display: block;
aspect-ratio: 1 / 1;
width: 100%;
object-fit: cover;
}
#Img-Gallery .swiper-wrapper p.caption {
font-size: 13px!important;
margin: 0;
bottom: 0px!important;
border-style: none!important;
}
#Img-Gallery .gallery-thumbs .swiper-slide-active:before {
border: 5px solid rgba(0,100,160,1.00);
}
#Img-Gallery .gallery-thumbs li:nth-child(3) img {
aspect-ratio: 1 / 1;
width: auto;
height: auto;
object-fit: scale-down;
}


#shosai-info {
border: 5px solid rgba(0,108,188,1.00);
padding: 10px;
font-size: 13px;
margin-bottom: 30px;
}
#shosai-info p {
background-color: rgba(255,240,240,1.00);
padding: 0 10px;
}


.info-icon-wrapper {
display: table;
width: 100%;
}
.info-icon-wrapper .info-table-box {
display: table-cell;
}
.info-icon-wrapper .setsubi-icons {
display: table-cell;
width: 115px;
padding: 0 0 0 5px;
vertical-align: top;
}



/* ↓Googleマップ↓ */
#map section {
padding: 0 30px;
}
.gmap {
height: 200px;
}
.gmap {
width: 100%;
position: relative;
padding-top: 56.25%;
}
.gmap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/* ↓ルームテーブル↓ */
#room-wrapper {
margin: 50px 0px;
}
#room-wrapper > p {
margin: 0;
}
#room-table {
overflow-y: hidden!important;
min-height: 100px;
}
#room-table table {
width: 100%;
font-size: 13px;
}
#room-table tr.manshitsu {
display: none;
}
#room-table table td,
#room-table table th {
padding: 5px;
}
#room-table table thead th {
background-color: rgba(0,108,188,1.00);
color: rgba(255,255,255,1.00);
text-align: left;
white-space: nowrap;
}
#room-table table tbody td:first-child {
width: 1%;
}
#room-table table tbody td {
border-bottom: 1px solid rgba(200,200,200,1.00);
width: 5%;
white-space: nowrap;

}
#room-table table tbody td:last-child {
width: 20%;
}


#room-table table tbody td input[type="submit"] {
display: block;
background-color: rgba(255,150,2,1.00);
color: rgba(255,255,255,1.00);
text-align: center;
width: 100px;
display: none;
}
#room-table table tbody td.kushitsu input[type="submit"] {
display: block;
}

#room-table table tbody td span {
font-size: 13px;
padding: 0 5px;
white-space: nowrap;
text-align: center;
width: 40px;
}
#room-table table tbody td span.jyokyo01 {
background-color: rgba(0,180,230,1.00);
color: rgba(255,255,255,1.00);
}
#room-table table tbody td span.jyokyo02 {
background-color: rgba(188,188,188,1.00);
color: rgba(255,255,255,1.00);s
}
#room-table table tbody td span.jyokyo01,
#room-table table tbody td span.jyokyo02 {
display: none;
}
#room-table table tbody td.kushitsu span.jyokyo01 {
display: block;
}
#room-table table tbody td.manshitsu span.jyokyo02 {
display: block;
}



#room-table tr.line-check td {
	background-color: rgba(220,244,255,1.00);
}

#room-table tr.line-check td:nth-child(5) {
color: rgba(206,0,3,1.00);
font-weight: bold;
}


/* ↓取り扱い店舗↓ */
#handling-stores {
background-color: rgba(0,108,188,1.00);
text-align: center;
padding: 30px 0 30px;
margin: 0 0 30px;
}
#handling-stores h2,
#handling-stores h2 small{
color: rgba(255,255,255,1.00);
}
.stores {
max-width: 800px;
margin: 10px auto 0;
background-color: rgba(255,255,255,1.00);
padding: 30px;
}
#contact-store .stores table {
display: table;
}
.stores table {
width: auto;
margin: 0 auto 0px;
display: none;
}
.stores table th {
vertical-align: middle;
font-size: 36px;
line-height: 42px;
font-weight: bold;
padding: 0 10px;
}
.stores table th span {
color: rgba(0,108,188,1.00);
font-size: 33px;
}
.stores table td {
vertical-align: bottom;
text-align: left;
font-size: 16px;
padding: 0px;
line-height: 18px;
text-align: center;
padding: 20px 20px 10px;
}
.stores input[type="submit"] {
width: 280px;
margin: 20px auto 0;
display: block;
background-color: rgba(255,150,3,1.00);
color: rgba(255,255,255,1.00);
padding: 10px;
}
.stores input[type="submit"]:hover {
text-decoration: none;
}
#store01 #store-01,
#store02 #store-02,
#store03 #store-03,
#store04 #store-04,
#store05 #store-05,
#store06 #store-06 {
display: inline-block;
}




@media (max-width: 990px) {
.990-770（md）ーーーーーーーーーーーーーーー{}
.info-icon-wrapper .setsubi-icons {
width: 115px;
}
#room-table table tbody td:last-child {
width: 5%;
}
/*990-770（md）*/}

@media (max-width: 770px) {
.770-550（sm）ーーーーーーーーーーーーーーー{}
.info-icon-wrapper .setsubi-icons {
width: 170px;
}
#Img-Gallery .gallery-top .swiper-slide img {
max-height: 500px;
}


/*770-550（sm）*/}

@media (max-width: 550px) {
.550以下（xs）ーーーーーーーーーーーーーーー{}
#Img-Gallery .gallery-top .swiper-slide img {
max-height: 300px;
}
#shosai-title h2 {
font-size: 30px;
line-height: 40px;
letter-spacing: 0;
}
#shosai-title h2 + p {
font-size: 13px;
line-height: 18px;
padding: 5px;
}
#room-wrapper > p {
font-size: 13px;
}
.info-icon-wrapper,
.info-icon-wrapper .info-table-box,
.info-icon-wrapper .setsubi-icons {
display: block;
width: 100%;
}
.info-icon-wrapper .setsubi-icons {
padding: 0;
}
.stores {
padding: 10px;
}
.stores table tbody,
.stores table tbody tr{
width: 100%!important;
margin: auto;
display: block;
}
.stores table th,
.stores table td {
display: block;
}
.stores table th {
padding-bottom: 0px;
}
.stores table td {
padding: 10px;
}
.stores table {
width: 100%;
}
.stores table th {
font-size: 36px;
line-height: 42px;
text-align: center;
}
.stores table th span {
display: block;
font-size: 26px;
}

#contact-store {
text-align: center;
}


/*550以下（xs）*/}

/* ↑物件詳細↑ */






/* ↓ヴァーチャル内覧↓ */
#virtual-n {
margin-bottom: 100px;
}
/* ↑ヴァーチャル内覧↑ */





/* ↓近くのCITY・BOX↓ */
#nearby {
background-color: rgba(220,230,240,1.00);
padding: 30px 0 0;
margin-bottom: 50px;
}
#nearby h2 {
margin-bottom: 20px;
}
#nearby div {
padding-bottom: 15px;
}
#nearby section {
height: 100%;
}
#nearby section a {
border: 5px solid rgba(0,108,188,1.00);
display: block;
height: 100%;
background-color: rgba(255,255,255,1.00);
}
#nearby section a:hover {
text-decoration: none;
}
#nearby section a img {
width: 100%;
height: auto;
aspect-ratio: 1 / 1;
object-fit: cover;
}
#nearby section a h3 {
padding: 10px 10px 0;
font-size: 16px;
color: rgba(0,108,188,1.00);
margin: 0;
}
#nearby section a p {
padding: 5px 10px 10px;
font-size: 13px;
color: rgba(50,50,50,1.00);
margin: 0;
}
@media (max-width: 770px) {
.770-550（sm）ーーーーーーーーーーーーーーー{}
#nearby section a h3 {
font-size: 14px;
padding: 5px 5px 0;
text-align: left;
}
#nearby section a p {
padding: 0px 5px 0px;
font-size: 13px;
color: rgba(50,50,50,1.00);
}
/*770-550（sm）*/}


@media (max-width: 550px) {
.550以下（xs）ーーーーーーーーーーーーーーー{}

/*550以下（xs）*/}

/* ↑近くのCITY・BOX↑ */



/* ↓ページネーション↓ */
#pagenavi {
width: 100%;
text-align: center;
margin: 50px 0px;
}

#pagenavi .current {
font-size: 15px;
line-height: 30px;
display: inline-block;
width: 30px;
height: 30px;
border: 1px solid rgba(0,100,160,1.00);
padding: 0;
margin: 0 5px;
text-align: center;
}

#pagenavi a {
font-size: 15px;
line-height: 30px;
color: rgba(255,255,255,1.00);
background-color: rgba(0,100,160,1.00);
display: inline-block;
width: 30px;
height: 30px;
padding: 0;
margin: 0 5px;
text-align: center;
vertical-align: top;
border-style: none;
}
#pagenavi a.first,
#pagenavi a.last {
width: auto;
background-color: rgba(255,255,255,0.00);
color: rgba(0,100,160,1.00);
border-style: none;
}
/* ↑ページネーション↑ */






/* ↓お問い合わせ↓ */
#contact-store ul li {
display: inline-block;
width: 50%;
padding: 10px;
text-align: center;
}
#contact-store ul li span {
margin-right: 10px;
min-width: 5em;
display: inline-block;
text-align: left;
}
#contact-store ul li b {
font-size: 18px;
}
#form {
padding: 30px 0 50px;
}
.form-table {
margin-bottom: 20px;
width: 100%;
}
.form-table tr {
border-bottom: 1px solid rgba(230,230,230,1.00);
}
.form-table th,
.form-table td {
padding: 10px;
}
.form-table th,
.form-table td {
font-size: 16px;
}
.form-table th {
font-weight: normal;
white-space: nowrap;
width: 10%;
}
.form-table th span {
padding: 5px;
display: block;
font-size: 16px;
}
.form-table th span small {
color: rgba(255,100,100,1.00);
margin: 0 0 0 5px;
}
.form-table td label {
display: inline-block;
background-color: rgba(245,245,250,1.00);
border-radius: 20px;
padding: 2px 10px;
font-size: 13px;
margin: 5px;
}
.form-table td input,
.form-table td textarea{
border-radius: 5px;
font-size: 16px;
background-color: rgba(245,245,250,1.00);
margin: 0;
}
.form-table td input::placeholder {
color: rgba(180,180,180,1.00);
}
.form-table td input#zip {
width: calc(130px - 1em);
margin-right: 10px;
}
.form-table td input#pref {
width: calc(100% - 140px);
}
#form input[type="submit"] {
display: block;
margin: auto;
width: 300px;
background-color: rgba(255,150,000,1.00);
color: rgba(255,255,255,1.00);
padding: 15px 0;
font-size: 18px;
}
.form-table tr.b-url,
.form-table tr.b-fee,
.form-table tr.b-surf{
display: none;
}
.form-table td input.wpcf7-not-valid {
border: 1px solid rgba(255,88,88,1.00);
}
.screen-reader-response p,
.wpcf7-response-output{
color: rgba(255,88,88,1.00);
text-align: center;
padding: 20px;
}
.screen-reader-response ul,
.wpcf7-not-valid-tip {
display: none;
}

#thanks {
padding-bottom: 100px;
}
#thanks h2 {
padding: 50px 0;
}
#thanks p {

text-align: center;
}






@media (max-width: 550px) {
.550以下（xs）ーーーーーーーーーーーーーーー{}
.form-table th,
.form-table td {
display: block;
}
.form-table th {
padding-bottom: 0;
}
.form-table td {
padding-top: 0;
}
.form-table td input#pref {
width: calc(100%);
margin-top: 10px;
}
.screen-reader-response p,
.wpcf7-response-output{
padding: 0px;
}
/*550以下（xs）*/}

/* ↑お問い合わせ↑ */





/* ↓会社概要↓ */
#company {
padding: 50px 0;
}
#company .table th {
font-weight: normal;
color: rgba(1,108,188,1.00);
}
/* ↑会社概要↑ */





/* ↓初めての方へ↓ */
#first-time-users {
padding-bottom: 100px;
}
#first-time-users .row > div a {
text-align: center;
display: block;
margin-top: 50px;
font-weight: bold;
}
#first-time-users .row > div a:hover {
text-decoration: none;
}
#first-time-users .row > div a span {
display: block;
background-color: rgba(0,108,188,1.00);
color: rgba(255,255,255,1.00);
padding: 5px;
}
#first-time-users .row > div img {
max-width: 100%;
width: 200px;
display: block;
margin: auto;
}

/* シティボックスとは */
#about-us {
padding: 20px 0 100px;
}
#about-us .col-sm-6 {
padding-bottom: 20px;
}
.about-box {
display: block;
border-radius: 5px;
background-color: rgba(219,246,255,1.00);
padding: 15px 15px 5px;
height: 100%;
margin-bottom: 10px;
}
.about-box h4 {
text-align: center;
color: rgba(0,108,188,1.00);
font-weight: bold;
}

/* 料金体系 */
#price {
margin-bottom: 100px;
}
#price p span {
border-radius: 5px;
background-color: rgba(0,108,188,1.00);
display: inline-block;
padding: 2px 5px;
margin: 0 3px;
color: rgba(255,255,255,1.00);
}
#price table {
margin: auto;
}
#price table th {
width: 10%;
white-space: nowrap;
}
#price table td .price {
color: rgba(0,108,188,1.00);
font-size: 18px;
font-weight: bold;
}
#price table td big {
font-size: 23px;
font-weight: bold;
color: rgba(0,180,230,1.00);
}


/* よくある質問 */
#qa dl dt{
font-weight: normal;
text-align: right;
padding-bottom: 5px;
}

#qa dl dd {
text-align: left;
margin-bottom: 20px;
border-bottom: 1px solid rgba(200,200,200,1.00);
padding-bottom: 20px;
}
#qa dl span {
display: inline-block;
border-radius: 15px;
padding: 5px 10px;
position: relative;
font-size: 13px;
line-height: 20px;
max-width: 500px;
text-align: left;
margin: 0 40px;
}
#qa dl span::before {
display: block;
position: absolute;
top: 0;
bottom: 0;
border-radius: 30px;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
color: rgba(255,255,255,1.00);

}
#qa dl dt span {
background-color: rgba(255,222,251,1.00);

}
#qa dl dd span {
background-color: rgba(222,253,255,1.00);
}
#qa dl dt span::before {
content: "Q";
right: -35px;
background-color: rgba(255,153,242,1.00);
}
#qa dl dd span::before {
content: "A";
left: -35px;
background-color: rgba(68,206,215,1.00);
}



@media (max-width: 550px) {
.550以下（xs）ーーーーーーーーーーーーーーー{}
#price table td .price {
font-size: 16px;
}
/*550以下（xs）*/}


/* ↑初めての方へ↑ */





/* ↓個人情報保護方針↓ */
#privacy {
padding: 0 0 100px;
}
#privacy p{
font-size: 13px;
}
/* ↑個人情報保護方針↑ */






/* ↓サイトマップ↓ */
#sitemap {
padding: 0 0 100px;
}
#sitemap a {
color: rgba(88,88,88,1.00);
line-height: 20px;
}
#sitemap01 ul {
border-top: 1px solid rgba(200,200,200,1.00);
padding: 10px;
margin: 0;
}
#sitemap01 ul:last-child {
border-bottom: 1px solid rgba(200,200,200,1.00);
margin-bottom: 50px;
}
#sitemap01 ul li {
display: inline-block;
padding: 5px 10px;
width: calc(100% / 4);
}
#sitemap01 ul li a {
display: block;
}
#sitemap02 h4 {
color: rgba(0,108,188,1.00);
font-size: 16px;
margin: 10px 0 5px 10px;
}
#sitemap02 ul {
padding: 0;
}
#sitemap02 > ul > li {
border-top: 1px solid rgba(200,200,200,1.00);
display: block;
padding: 10px 20px 0;
}
#sitemap02 > ul > li > a {
font-weight: bold;
}
#sitemap02 > ul > li:last-child {
border-bottom: 1px solid rgba(200,200,200,1.00);
}
#sitemap02 ul > li > ul {
padding: 0 0 5px 20px;
}
#sitemap02 ul > li > ul > li {
border-top: none;
display: inline-block;
margin-right: 10px;
font-weight: normal;
width: calc(100% / 8);
margin: 5px 0;
}

@media (max-width: 550px) {
.550以下（xs）ーーーーーーーーーーーーーーー{}
#sitemap01 ul li {
width: calc(100% / 2);
padding: 5px;
}
#sitemap02 ul > li > ul > li {
width: calc(100% / 3);
}
/*550以下（xs）*/}

/* ↑サイトマップ↑ */









/* ↓パートナー↓ */
#porter img {
max-width: 100%;
}
#porter01 {
text-align: center;
margin: 0 0 50px;
}
#porter01 h4 {
background-color: rgba(31,129,190,1.00);
color: rgba(255,255,255,1.00);
border-radius: 20px;
padding:  5px 15px;
font-size: 18px;
line-height: 20px;
display: inline-block;
margin: 10px;
}
#porter01 p {
font-size: 13px;
margin: 0;
}
#porter01 h4 span {
background-color: rgba(255,255,255,1.00);
display: inline-block;
margin: 0 10px;
border-radius: 3px;
color: rgba(50,50,50,1.00);
font-size: 16px;
padding: 0 5px;
}
#porter01 h4 + ul {
display: inline-block;
text-align: left;
color: rgba(233,80,152,1.00);
font-weight: bold;
font-size: 18px!important;
}
#porter01 table {
border-top: 1px solid rgba(230,230,230,1.00);
border-left: 1px solid rgba(230,230,230,1.00);
font-size: 13px;
}
#porter01 table th,
#porter01 table td {
border-right: 1px solid rgba(230,230,230,1.00);
border-bottom: 1px solid rgba(230,230,230,1.00);
padding: 10px;
white-space: nowrap;
}
#porter01 table td {
background-color: rgba(255,255,255,1.00);
}
#porter01 table td.bgpnk {
background-color: rgba(247,200,220,1.00);
}
#porter01 table td.bgylw {
background-color: rgba(255,250,188,1.00);
}
#porter01 table td.bggrn {
background-color: rgba(212,231,178,1.00);
}
#porter01 table th:first-child {
width: 1%;
white-space: nowrap;
}
#porter01 table th img {
display: block;
}
#porter01 table th ul {
line-height: 18px;
font-weight: normal;
padding: 10px 5px 5px 20px;
margin: 0;
}
#porter01 table td table {
display: inline-block;
}
.rentora01 {
background-color: rgba(255,212,212,1.00);
padding: 10px;
margin-bottom: 10px;
border-radius: 5px;
}
.rentora01 table th {
background-color: rgba(233,80,152,1.00);
color: rgba(255,255,255,1.00);
}
.rentora02 {
background-color: rgba(174,218,176,1.00);
padding: 10px;
margin-bottom: 0px;
border-radius: 5px;
}
.rentora02 table th {
background-color: rgba(44,180,49,1.00);
color: rgba(255,255,255,1.00);
}
.rentora02 + p {
margin-bottom: 30px!important;
}
.rentora02 + p span {
display: inline-block;
background-color: rgba(77,77,77,1.00);
border-radius: 5px;
padding: 0 10px;
color: rgba(255,255,255,1.00);
margin: 5px;
}
#porter01 strong {
display: inline-block;
margin-bottom: 10px;
font-size: 18px;
border-bottom: 3px double rgba(255,109,111,1.00);
}
#porter01 a.yoyaku {
display: block;
background-color: rgba(31,129,190,1.00);
color: rgba(255,255,255,1.00);
max-width: 500px;
margin: 10px auto;
padding: 20px;
font-size: 20px;
}
#porter01 a.yoyaku:hover {
text-decoration: none;
}
#porter01 a.yoyaku + p {
font-size: 20px;
margin: 0 0 30px;
font-weight: bold;
}




#porter02 {
text-align: center;
margin: 0 0 100px;
padding: 50px 0;
border-top: 1px solid rgba(230,230,230,1.00);
}
#porter02 p {
margin: 0;
padding: 0;
}
#porter02a {
border-radius: 5px;
background-color: rgba(206,238,255,1.00);
}
#porter02b {
border-radius: 5px;
background-color: rgba(255,204,208,1.00);
}
#porter02 table {
border-top: 1px solid rgba(230,230,230,1.00);
border-left: 1px solid rgba(230,230,230,1.00);
font-size: 13px;
min-width: 300px;
width: 100%;
}
#porter02 table th,
#porter02 table td {
border-right: 1px solid rgba(230,230,230,1.00);
border-bottom: 1px solid rgba(230,230,230,1.00);
padding: 10px;
text-align: left;
background-color: rgba(255,255,255,1.00);
}
#porter02 table th {
background-color: rgba(200,200,200,1.00);
white-space: nowrap;
}
#porter02 table td span {
color: rgba(255,0,4,1.00);
}
#porter02 .wrapper-box {
display: table;
width: 100%;
}
#porter02 .l-box {
width: 50%;
display: table-cell;
text-align: left;
padding: 10px;
}
#porter02 .l-box table {
float: right;
text-align: left;
}
#porter02 .l-box p {
clear: both;
float: right;
}
#porter02 .r-box {
display: table-cell;
vertical-align: top;
text-align: left;
padding: 10px;
}

.freedial {
margin: 20px!important;
font-size: 20px;
font-weight: normal;
}
.freedial big {
background-image: url(../images/freedial.png);
background-repeat: no-repeat;
background-position: left center;
padding: 0 0 0 35px;
background-size: 30px auto;
margin: 0 0 0 10px;
font-weight: bold;
}


@media (max-width: 550px) {
.550以下（xs）ーーーーーーーーーーーーーーー{}
#porter02 .l-box,
#porter02 .r-box {
width: 100%;
float: none;
display: block;
}
.rentora02 + p {
text-align: left;
padding: 5px;
}
.freedial big {
display: inline-block;
font-weight: bold;
}
/*550以下（xs）*/}


/* ↑パートナー↑ */







/* ↓流れ↓ */
#flow {
padding: 0 0 100px;
}
#flow .red {
color: #B90003;
margin: 0;
padding: 0;
}
#flow-box > p {
text-align: center;
background-color: #E1E6F0;
padding: 10px;
margin: 0 10px;
}
.flow {
text-align: center;
font-size: 0;
position: relative;
}
.flow::before,
.flow::after{
content: "";
height: 100%;
border-right: 2px solid rgba(0,232,255,1.00);
position: absolute;
left: 25%;
top: 10px;
z-index: 10;
}
.flow::after{
right: 25%;
}
.flow:nth-last-child(2)::before,
.flow:nth-last-child(2)::after {
height: calc(100% - 10px);
}
.flow:last-child::before,
.flow:last-child::after {
top: 0px;
height: calc(100% - 13px);
}
.flow h4 {
color: rgba(255,255,255,1.00);
font-size: 16px;
line-height: 18px;
min-height: 36px;
display: table;
width: 100%;
position: relative;
z-index: 20;
margin: 0;
}
.flow h4 span {
display: inline-block;
display: table-cell;
vertical-align: middle;
}
.flow h4 span b {
background-color: rgba(70,100,170,1.00);
display: inline-block;
padding: 10px;
}
.flow p {
background-color: rgba(255,255,255,1.00);
font-size: 16px;
margin: 0;
position: relative;
z-index: 20;
}
.flow > .flow-half {
border-bottom: 20px solid rgba(255,255,255,1.00);
}
.flow-half {
padding: 0 5px 5px;
background-color: rgba(70,100,170,1.00);
width: calc(100% / 2 - 20px);
display: inline-block;
vertical-align: top;
margin: 10px;

}
.flow-full {
padding: 0 5px 5px;
background-color: rgba(70,100,170,1.00);
width: calc(100% / 1 - 20px);
margin: 0 auto 0px;
border-bottom: 20px solid rgba(255,255,255,1.00);
}
.flow-full .flow-half {
width: calc(100% / 2 - 0px);
padding: 0px;
margin: 0px;
}
.flow-full .half-r p {
margin-left: 15px;
}



.bikou {
background-color: #E1E6F0;
border-radius: 5px;
padding: 10px 10px 1px;
margin-bottom: 10px;
}
.bikou span {
border-radius: 3px;
background-color: rgba(245,245,250,1.00);
display: block;
padding: 5px;
margin: 10px 0;
}
.bikou ul {
padding-left: 20px;
margin: 0;
}

.bikou-half-l,
.bikou-half-r {
width: calc(50% - 10px);
display: inline-block;
vertical-align: top;
}
.bikou-half-l {
margin-right: 5px;
}
.bikou-half-r {
margin-left: 5px;
}


.kanryou {
background-color: rgba(240,120,60,1.00);
text-align: center;
padding: 20px;
}
.kanryou h4 {
color: rgba(255,255,255,1.00);
}
.kanryou p {
border-radius: 5px;
background-color: rgba(255,255,255,1.00);
padding: 20px;
margin: 0;
}

@media (max-width: 550px) {
.550以下（xs）ーーーーーーーーーーーーーーー{}
#flow-box > p {
margin: 0 5px;
}
.flow-half {
width: calc(100% / 2 - 10px);
margin: 5px;
}
.flow-full {
padding: 5px;
background-color: rgba(70,100,170,1.00);
width: calc(100% / 1 - 10px);
margin: 0 auto 0px;
border-bottom: 20px solid rgba(255,255,255,1.00);
}



.bikou-half-l,
.bikou-half-r {
width: calc(100% - 0px);
display: block;
margin: 10px 0 ;
}
/*550以下（xs）*/}


/* ↑流れ↑ */







/* ↓オーナー↓ */
#owner {
padding-bottom: 100px;
}
#owner h3 {
text-align: center;
}
#owner-houshiki {
display: block;
background-color: rgba(220,240,250,1.00);
padding: 20px;
text-align: center;
}
#owner-houshiki h3 {
font-size: 25px;
color: rgba(0,108,188,1.00);
}
#owner-houshiki h3 small {
display: block;
font-size: 16px;
padding: 5px;
}
#owner-houshiki p {
font-size: 13px;
}
#owner-houshiki img {
max-width: 100%;
}

#owner-flow {
padding: 50px 0; 
}

#owner-flow ul li {
background-color: rgba(0,180,240,1.00);
padding: 10px 20px;
list-style: none;
margin: 0 0 20px;
display: table;
width: 100%;
}
#owner-flow ul li b {
display: table-cell;
width: 120px;
color: rgba(255,255,255,1.00);
font-size: 16px;
vertical-align: middle;
}
#owner-flow ul li b big {
font: bold 25px Helvetica, Arial,  sans-serif;
}
#owner-flow ul li p {
background-color: rgba(255,255,255,1.00);
padding: 5px 10px;
display: table-cell;
}

#owner-sekou li {
width: calc(100% / 3);
display: inline-block;
padding: 5px;
}
#owner-sekou img {
max-width: 100%;
}

#owner-bikou {
text-align: center;
border-bottom: 1px solid rgba(0,180,240,1.00);
margin: 50px 0
}


@media (max-width: 550px) {
.550以下（xs）ーーーーーーーーーーーーーーー{}
#owner-houshiki h3 {
font-size: 21px;
}
#owner-houshiki h3 small {
display: block;
font-size: 13px;
padding: 5px;
}
#owner-houshiki p {
text-align: left;
padding: 0;
}


#owner-flow ul li {
padding: 10px;
text-align: center;
}
#owner-flow ul li b {
display: block;
width: 100%;
}
#owner-flow ul li p {
display: block;
width: 100%;
margin: 0;
text-align: left;
}
#owner-sekou li {
width: calc(100% / 1);
display: inline-block;
padding: 5px;
}
/*550以下（xs）*/}


/* ↑オーナー↑ */








/* ↓一覧Googleマップ↓ */
#gmap {
width: 100%;
height: 400px;
margin-bottom: 20px;
}

#gmap_wrapper {
width: 100%;
position: relative;
}

#gmap_result {
position: absolute;
right: 10px;
top: -410px;
width: 300px;
min-height: 255px;
padding: 10px;
background-color: #016CBC;
border: 1px solid #FFFFFF;
color: rgba(255,255,255,1.00);
font-size: 13px;
}
#gmap_result p::before {
content: "←";
}
#gmap_result .map-content01-2,
#gmap_result .map-content03,
.map-content04-1,
.map-content04-2,
.map-content04-3,
.map-content04-6,
.map-content04-7,
.map-content04-8,
.map-content05-1,
.map-content05-2,
.map-content05-3,
.map-content05-6,
.map-content05-7,
.map-content05-8,
.map-content07-2,
.map-content07-3,
.map-content07-4,
.map-content07-5,
.map-content07-6{
display: none;
}
#gmap_result .map-content01{
font-size: 20px;
margin-bottom: 10px;
font-weight: bold;
}
#gmap_result .map-content02 {
background-color: rgba(250,250,250,1.00);
color: rgba(50,50,50,1.00);
padding: 3px 10px;
}
#gmap_result .map-content02::before {
content: "所在地";
font-weight: bold;
margin-right: 20px;
}
#gmap_result .map-content04 {
background: rgba(230,230,230,1.00);
color: rgba(50,50,50,1.00);
padding: 3px 10px;
position: relative;
}
#gmap_result .map-content04::before {
content: "賃　料";
font-weight: bold;
margin-right: 20px;
}
.map-content04-4 /* 最小価格 */,
.map-content05-4 /* 最大価格 */{
position: relative;
font-size: 18px;
font-weight: bold;
color: rgba(1,108,188,1.00);
}
.map-content04-4::after /* 最小価格 */,
.map-content05-4::after /* 最大価格 */{
content: "円";
font-size: 13px;
font-weight: normal;
color: rgba(50,50,50,1.00);
}

.map-content05-4::before /* 最大価格 */,
.map-content05-5::before/* 最大面積 */{
content: "〜";
font-size: 13px;
font-weight: normal;
color: rgba(50,50,50,1.00);
margin-right: 10px;
}
.map-content05 /* 面積行 */ {
background-color: rgba(250,250,250,1.00);
color: rgba(50,50,50,1.00);
padding: 3px 10px;
margin-bottom: 15px;
position: relative;
}
.map-content04-5/* 最小面積 */ {
position: absolute;
bottom: -28px;
left: 70px;
z-index: 10;
}
.map-content05-5 /* 最大面積 */{
position: absolute;
left: 125px;
}
.map-content05-4 /* 最大価格 */{
position: absolute;
top: -30px;
left: 150px;
}
.map-content06 /* アイコン */{
margin-left: -5px;
}
.map-content05::before {
content: "面　積";
font-weight: bold;
margin-right: 20px;
}
.map-content04-5::after,
.map-content05-5::after{
content: "㎡";
font-size: 13px;
font-weight: normal;
color: rgba(50,50,50,1.00);
}
.map-content07-1 a {
display: block;
background-color: rgba(255,230,20,1.00);
text-align: center;
color: rgba(50,50,50,1.00);
font-weight: bold;
}
.map-content07-1 a:hover {
text-decoration: none;
}



/* マップピン用2023-09-01 */
.gmap-img {
display: block;
width: 50px;
height: 50px;
position: relative;
border: 2px solid #00B4E6;
border-radius: 50px;
background-color: rgba(255,255,255,1.00);
}

.gmap-img img {
width: 46px;
height: 46px;
border-radius: 50px;
position: relative;
}
.gmap-img::before {
content: "";
position: absolute;
border-right: 23px solid transparent;
border-top: 40px solid #00B4E6;
border-left: 23px solid transparent;
left: 0;
top: 50%;
z-index: -1;
}
.gmap-img::after {
width: 30px;
height: 30px;
border-radius: 50px;
content: "";
position: absolute;
transform: rotate(22deg) skewX(-50deg);
background-color: rgba(0,0,0,0.30);
left: 20px;
bottom: -20px;
z-index: -2;
filter: blur(3px);
}
.gmap-img.highlight .gmap-info {
display: flex;
}

.gmap-info {
position: absolute;
top: -121px;
left: -75px;
display: none;
width: 193px;
border: 3px solid rgba(2,108,188,1.00);
background-color: rgba(255,255,255,1.00);
}
.gmap-info a {
display: block;
text-decoration: none;
}
.gmap-info .badge {
position: relative;
background-color: rgba(2,108,188,1.00);
display: block;
border-radius: 0;
padding: 0px 0px 3px;
}
.gmap-info .badge span {
padding: 0 8px;
line-height: 21px;
}
.gmap-info ul {
width: 100%;
margin: 0;
padding: 2px 0 0;
}
.gmap-info ul li {
color: rgba(88,88,88,1.00);
padding: 0 3px;
list-style: none;
width: 187px;
overflow: hidden;
}
.gmap-info ul li.gmap-title {
font-size: 16px;
font-weight: bold;
}
.gmap-info ul li.gmap-fee span {
font-size: 18px;
color: rgba(2,108,188,1.00);
font-weight: bold;
}
.gmap-info ul li.gmap-link {
background-color: rgba(255,230,20,1.00);
text-align: center;
font-weight: bold;
line-height: 20px;
}

@media (max-width: 550px) {
.550以下（xs）ーーーーーーーーーーーーーーー{}
#gmap {
height: 90vh;
margin-bottom: 30px;
}


.gmap-img::selection,
.gmap-img::before::selection,
.gmap-img::after::selection,
.gmap-info::selection{
background-color: transparent;
color: transparent;
-webkit-tap-highlight-color: transparent;
outline: none;
}

*{
  outline: none;
}


/*550以下（xs）*/}
/* ↑一覧Googleマップ↑ */




/* ↓ 2025/06/20 満室の場合 価格非表示 ↓ */
.chinryou span.kushitsu {
display: none;
}
.chinryou span.kushitsu + section {
display: block;
}
.chinryou span.kushitsu + section + section.manshitsu {
display: none;
}

.chinryou span.manshitsu {
display: none;
}
.chinryou span.manshitsu + section {
display: none;
}
.chinryou span.manshitsu + section + section.manshitsu {
display: block;
color: rgba(191,65,97,1.00);
}


#room-wrapper > span.kushitsu {
display: none;
}
#room-wrapper > span.kushitsu ~ #room-table tbody tr td.chinryo section {
display: block;
}
#room-wrapper > span.kushitsu ~ #room-table tbody tr td.chinryo section.manshitsu {
display: none;
}

#room-wrapper > span.manshitsu {
display: none;
}
#room-wrapper > span.manshitsu ~ #room-table tbody tr td.chinryo section {
display: none;
}
#room-wrapper > span.manshitsu ~ #room-table tbody tr td.chinryo section.manshitsu {
display: block;
}
/* ↑ 2025/06/20 満室の場合 価格非表示 ↑ */







@media (min-width: 1200px) {
.1200以上（xl）ーーーーーーーーーーーーーーー{}

/*1200 以上（xl）*/}


@media (max-width: 1200px) {
.1200-990（lg）ーーーーーーーーーーーーーーー{}

/*1200-990（lg）*/}

@media (max-width: 990px) {
.990-770（md）ーーーーーーーーーーーーーーー{}

/*990-770（md）*/}

@media (max-width: 770px) {
.770-550（sm）ーーーーーーーーーーーーーーー{}

/*770-550（sm）*/}

@media (max-width: 550px) {
.550以下（xs）ーーーーーーーーーーーーーーー{}

/*550以下（xs）*/}