#main #container #content article.property_catalog h1{font-size: 20px;
padding: 12px;
font-weight: bold;
background:none;
border:none;
color:#000;
}
#main #container #content article.property_catalog h2{
font-size: 18px;
border-top:none;
color:#060606;
border-bottom:none;
margin-top:10px;
}
#main #container #content h3{
margin: 1em 0 10px 7%;
font-size: 18px;
line-height: 1.2;
color: #e30000;
border:none;
display: flex;
align-items: center; }
table#top_table{
max-width:27em;
margin:0 0 10px 1em;
}
table#top_table th{
background: #eeeeee;
margin:5px;
border:none;
width:7em;
font-size:15px!important;
border-bottom: 6px solid white!important;
padding:3px!important;
}
table#top_table td{
border:none;
width:20em;
font-size:15px!important;
padding:3px!important;
}
.matome_box{
margin: 2em auto; background-color:#fff; padding-top:1em; position:relative; border: 2px solid #666; }
.matome_box .box-title {
background-color:#fff; font-size: 1em; font-weight:800;
color: #666; padding: 0 5px; line-height: 1; position:absolute; top: -5px; left: 20px; }
.c-button_shiny {
display: block;
position: relative;
padding: 1em 1.5em;
background-color: #1981f7;
box-shadow: 0 3px 0 0 #0867d4;
border-radius: 4px;
margin:30px auto;
font-weight: bold;
font-size: 16px;
max-width:500px;
color: #fff;
text-align: center;
text-decoration: none;
overflow: hidden;
transition: 300ms;
}
.c-button_shiny::before {
position: absolute;
content: '';
display: inline-block;
top: -180px;
left: 0;
width: 30px;
height: 100%;
background-color: #b5e7ff;
transition: 300ms;
animation: shinyshiny 2.5s ease-in-out infinite;
}
.c-button_shiny:hover {
text-decoration: none;
color: #fff;
box-shadow: none;
-webkit-transform: translateY(3px);
}
@-webkit-keyframes shinyshiny {
0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
div.joho p {
margin-bottom:12px!important;
font-size:15px!important;
}
div.joho p:before {
content:'● ';
color: orange;
}
ul li {
list-style-type: none!important;
}
div.joho li:before {
content:'● ';
color: orange;
}
ol{
margin: 0 0 0em 3em;
}
ol li {
line-height: 1.8em;
font-size: 14px;
} .table3{ display:table;
table-layout: fixed;
width:100%;
background:#fed01f;
text-align:center}
.table3 li{display:table-cell;
vertical-align:middle;
height:45px;
border-right: 3px solid #fff;}
.table3 li a{
display: block;
color:black;
text-decoration: none;
padding: 7px 0;}
p{
margin-bottom:12px!important;
line-height:1.6em!important;
} .gaiyoubu p::before {
content: "○";
}
.loader-wrapper {
display: flex;
align-items: center;
gap: 0.5em;
font-size: 1em;
color: #555;
margin:2em 0 2em 3em;
}
.loader-spinner {
width: 1em;
height: 1em;
border: 2px solid #ccc;
border-top-color: #1982d1;
border-radius: 50%;
animation: spin 0.8s linear infinite;
margin-right: 2em;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
} .leaflet-control-layers-expanded {
background-color: #fff;
padding: 8px;
font-size: 0.9em;
box-shadow: 0 0 4px rgba(0,0,0,0.2);
}
.hazard-note {
background: #f8f8f8;
padding: 1em;
border-left: 4px solid #ccc;
}  a.lotus-cta{
display:block !important;
text-decoration:none !important;
color:inherit !important;
max-width:45%;
margin:14px 22%;
} @media (max-width: 768px){
a.lotus-cta{
max-width:95%;
margin:14px 0;
}
} .lotus-cta{
padding:10px 12px;
border:1px solid rgba(0,0,0,.08);
border-radius:10px;
background:rgb(229 0 127);
cursor:pointer;
} .lotus-cta__inner{
display:flex;
gap:10px;
align-items:center;
justify-content:space-between;
width:100%;
} .lotus-cta__headline{
font-size:25px;
font-weight:700;
color:#ffffff !important;
} .lotus-cta__sub{
display:block;
margin-top:2px;
font-size:12px;
opacity:.85;
} .lotus-cta__btn-fake{
pointer-events:none; padding:8px 10px;
border-radius:999px;
border:1px solid rgba(0,0,0,.14);
background:#ffeb3b;
font-size:16px;
font-weight:700;
} .lotus-cta:hover{
background:rgba(0,0,0,.05);
border-color:rgba(0,0,0,.18);
} @media (max-width:640px){
.lotus-cta__inner{
flex-direction:column;
align-items:stretch;
}
.lotus-cta__btn-fake{
width:100%;
text-align:center;
}
} ul.custom-bullet-list {
list-style: none !important;
margin: 1em 0 2em 0!important;
padding-left: 1.5em !important;
}
ul.custom-bullet-list li {
position: relative !important;
padding-left: 1em !important;
margin: 0.4em 0 !important;
font-size: 15px !important;
}
ul.custom-bullet-list li::before {
content: '●' !important;
position: absolute !important;
left: 0 !important;
top: 0.2em;
font-size: 10px !important;
color: black !important;
line-height: 1;
} .fudo-slide {
height: 400px;
display: flex;
align-items: center;
justify-content: center;
background-color: #fff;
overflow: hidden; }
.fudo-slide img.fudo-img {
max-height: 100%;
max-width: 100%;
width: auto; height: auto; object-fit: contain; display: block;
} .cta-slide {
height: 400px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: #fffce8;
text-align: center;
padding: 20px;
box-sizing: border-box;
} .swiper-slide.catalog-slide figure {
margin: 0;
}
.swiper-container {
height: auto;
}
.swiper-slide.catalog-slide picture{
display:flex;
justify-content:center;
align-items:center;
width:100%;
height:400px;
}
.swiper-slide.catalog-slide img{
max-width:600px;
max-height:400px;
width:auto;
height:auto;
}
@media (max-width:768px){
.swiper-slide.catalog-slide picture{
height:280px;
}
.swiper-slide.catalog-slide img{
max-width:100%;
max-height:280px;
}
}
.swiper-slide figcaption {
max-width: 600px;
margin: 8px auto 0;
}  .sale-card{
box-shadow: 0 0 30px #000;
margin: 1em;
border-radius: 20px;
overflow: hidden;
background: #fff;
} .sale-card--locked{
padding: 12px;
border-radius: 5px;
margin: 0 10px;
} .sale-card__banner{ background:#fff; }
.sale-card__banner-text{
text-align:center;
font-weight:700;
padding: 8px 10px;
margin: 10px;
}
.sale-card__banner-bar{
text-align:center;
font-weight:800;
font-size: 125%;
padding: 6px 10px;
display:flex;
justify-content:center;
align-items:center;
gap: 6px;
}
.sale-card__banner-bar--yellow{ background: yellow; color:#000; }
.sale-card__banner-bar--blue{ background:#1e90ff; color:#fff; }
.sale-card__icon{ height:28px; width:auto; } .sale-card__body{
position: relative;
padding: 12px 12px 14px;
} .sale-card__cta{
position: absolute;
top: 50px;
right: 10px;
z-index: 2;
border-radius: 18px;
box-shadow: 0 0 20px #000;
background: #00abff;
color: #fff;
font-weight: 700;
border: 2px solid #fff;
text-decoration: none;
text-align: center;
height: 34px;
line-height: 34px;
padding: 0 14px;
font-size: 15px;
white-space: nowrap;
} .sale-card__mainlink{
display:block;
color: inherit;
text-decoration: none; } .sale-card__room{
margin: 0 0 8px 0;
text-align: left;
font-weight: 700;
padding-right: 110px; } .sale-card__content{
display:flex;
gap: 12px;
align-items: flex-start;
}
.sale-card__thumb img{
width: 100px;
height: 100px;
object-fit: cover;
border-radius: 6px;
display:block;
}
.sale-card__info{
font-weight: 700;
text-align: left;
}
.sale-card__price{
font-size: 18px;
line-height: 1.2;
margin-bottom: 4px;
}
.sale-card__spec{
font-size: 15px;
line-height: 1.35;
}  .sale-card2{
width: 100%;
max-width: 450px;
box-sizing: border-box;
margin: 14px auto;
border-radius: 16px;
overflow: hidden;
background: #fff;
box-shadow: 0 0 20px rgba(0,0,0,.35);
} .sale-card2__banner{
width: 100%;
}
.sale-card2__banner-bar{
box-sizing: border-box;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
gap: 6px;
padding: 6px 10px;
font-weight: 800;
font-size: 15px;
line-height: 1.2;
text-align: center;
}
.sale-card2__banner-bar--yellow{
background: yellow;
color: #000;
}
.sale-card2__banner-bar--blue{
background: #3294ed;
color: #fff;
}
.sale-card2__banner-bar--plain{
background: #fff;
color: #000;
}
.sale-card2__icon{
height: 24px;
width: auto;
} .sale-card2__body{
padding: 10px 12px 12px;
} .sale-card2__grid{
display: grid;
grid-template-columns: 95px minmax(0, 1fr);
gap: 12px;
align-items: center;
} .sale-card2__thumb{
width: 95px;
}
.sale-card2__thumb a{
display: block;
}
.sale-card2__thumb img{
display: block;
width: 95px;
height: 95px;
margin: 0;
object-fit: contain;
background: #fff;
} .sale-card2__info{
min-width: 0;
padding: 0;
margin: 0;
font-weight: 400;
text-align: left;
line-height: 1.3;
}
.sale-card2__info-link{
display: block;
color: inherit;
text-decoration: none;
}
.sale-card2__info-link:hover{
text-decoration: none;
}
.sale-card2__room{
margin: 0 0 4px;
font-size: 15px;
font-weight: 800;
}
.sale-card2__price{
margin: 0 0 3px;
font-size: 20px;
line-height: 1.2;
font-weight: 500;
}
.sale-card2__spec{
margin: 0 0 3px;
font-size: 15px;
line-height: 1.3;
}
.sale-card2__detail-text{
margin-top: 3px;
color: #555;
font-size: 13px;
line-height: 1.3;
}  .sale-card2__action{
grid-column: 1 / -1;
width: 100%;
margin-top: 6px;
text-align: center;
}
.sale-card2__cta{ position: static !important;
transform: none !important;
display: block;
box-sizing: border-box;
width: 100%;
height: auto;
padding: 9px 12px;
border: 0;
border-radius: 6px;
background: #29a7e8;
color: #fff !important;
font-size: 15px;
line-height: 1.3;
font-weight: 800;
text-align: center;
text-decoration: none;
box-shadow: none;
}
.sale-card2__cta:hover{
background: #158fd0;
color: #fff !important;
text-decoration: none;
} .sale-card2--locked{
padding: 14px;
box-sizing: border-box;
text-align: center;
} @media (max-width: 500px){
.sale-card2{ width: 100%;
max-width: 100%;
margin: 12px 0;
border-radius: 12px;
}
.sale-card2__body{
padding: 9px 10px 11px;
}
.sale-card2__grid{
grid-template-columns: 82px minmax(0, 1fr);
gap: 10px;
}
.sale-card2__thumb{
width: 82px;
}
.sale-card2__thumb img{
width: 82px;
height: 82px;
}
.sale-card2__room{
font-size: 14px;
}
.sale-card2__price{
font-size: 18px;
}
.sale-card2__spec{
font-size: 14px;
}
.sale-card2__detail-text{
font-size: 12px;
}
}
:root{ --lotus-orange: #f28c28;
--lotus-orange-dark: #d86f12; --lotus-bg: #fff7ef; --lotus-text: #2b2b2b;
} .lotus-link-panels{
display: grid;
gap: 10px;
margin: 12px 0;
} .lotus-panel{
display: flex;
align-items: center;
justify-content: space-between;
padding: 12px 12px 12px 14px;
border-radius: 10px;
background: var(--lotus-bg);
border: 2px solid var(--lotus-orange-dark);
text-decoration: none;
color: var(--lotus-text); box-shadow: 0 2px 0 rgba(0,0,0,.08);
} .lotus-panel__text{
font-size: 15px;
font-weight: 700;
letter-spacing: .02em;
line-height: 1.25;
} .lotus-panel__icon{
position: relative;
flex: 0 0 auto;
width: 26px;
height: 26px;
border-radius: 999px;
background: var(--lotus-orange);
border: 2px solid var(--lotus-orange-dark);
box-shadow: 0 1px 0 rgba(0,0,0,.12);
} .lotus-panel__icon::before{
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 7px;
height: 7px;
border-top: 3px solid #fff;
border-right: 3px solid #fff;
transform: translate(-55%, -50%) rotate(45deg);
} .lotus-panel:active{
transform: translateY(1px);
box-shadow: 0 1px 0 rgba(0,0,0,.08);
} .lotus-panel:hover{
background: #fff;
} .lotus-panel__text{
padding-right: 10px;
} .rate-table{
display: grid;
gap: 8px;
max-width: 720px; margin: 0 auto 1.5em auto; padding-left: 1.5em; }
.rate-row{
display: grid;
grid-template-columns: 8em minmax(0, 1fr); column-gap: 12px;
align-items: center;
} .rate-row > *{
min-width: 0;
} .rate-label{
font-weight: 600;
color: #333;
white-space: nowrap;
} .rate-score{
display: inline-flex;
align-items: center;
gap: 0.45em;
white-space: nowrap;
} .rate-stars{
letter-spacing: 0.12em;
color: #f5a623;
flex-shrink: 0;
} .rate-num{
font-weight: 700;
color: #333;
font-size: 0.9em;
flex-shrink: 0;
} .rate-title{
font-size: 15px;
color: #000;
font-weight: 700;
margin: 0 0 8px;
}
.rate-wrap{
display: flex;
align-items: flex-start;
gap: 18px;
} .rate-table{
display: grid;
gap: 8px;
min-width: 0;
flex: 1 1 auto;
}
.rate-row{
display: grid;
grid-template-columns: 8.5em 1fr;
column-gap: 12px;
align-items: start;
}
.rate-row > *{ min-width: 0; }
.rate-label{
font-weight: 600;
color: #333;
line-height: 1.4;
white-space: nowrap;
}
.rate-score{
white-space: nowrap;
line-height: 1.4;
}
.rate-stars{
letter-spacing: 0.12em;
color: #f5a623;
} .rate-summary{
flex: 0 0 220px; padding: 12px 14px;
border-radius: 10px;
background: rgba(0,0,0,0.03);
text-align: center;
}
.rate-summary-label{
font-weight: 700;
color: #333;
margin-bottom: 8px;
} .rate-summary-stars{
position: relative;
display: inline-block;
font-size: 22px; letter-spacing: 0.12em;
line-height: 1;
}
.rate-summary-stars-bg{
color: #d9d9d9;
}
.rate-summary-stars-fill{
position: absolute;
left: 0;
top: 0;
width: var(--fill); overflow: hidden;
white-space: nowrap;
color: #f5a623;
}
.rate-summary-num{
margin-top: 6px;
font-weight: 800;
font-size: 22px;
color: #111;
} @media (max-width: 600px){
.rate-wrap{
flex-direction: column;
}
.rate-summary{
order: -1; width: 100%;
flex: none;
text-align: left;
display: flex;
align-items: center;
gap: 12px;
}
.rate-summary-label{
margin: 0;
white-space: nowrap;
}
.rate-summary-stars{
font-size: 20px;
}
.rate-summary-num{
margin-top: 0;
font-size: 16px;
}
}
#main #container #content h2.hanbai{
background:none;
border:none;
font-size:20px;
text-align:center;
}
.hanbai-section{
border:none;
margin-bottom:2em;
}
.catalog-hero-thumb {
text-align: center;
margin: 12px 25% 18px;
}
@media (max-width: 640px) {
.catalog-hero-thumb  {
margin: 12px 0 18px;
}
} .catalog-hero-thumb img {
max-width: 720px;
max-height: 360px; object-fit: cover; object-position: center;
display: block;
margin: 0 auto;
}
.property-catalog-thumbnail {
text-align: center;
margin: 20px 0;
}
.property-catalog-thumbnail img {
width: 100%;
max-width: 350px;
height: auto;
display: inline-block;
}
@media (max-width: 767px) {
.property-catalog-thumbnail img {
max-width: 100%;
}
}
.map-modal{
position:fixed;
inset:0;
z-index:99999;
display:flex;
justify-content:center;
align-items:center;
}
.map-modal[hidden]{
display:none;
}
.map-modal__bg{
position:absolute;
inset:0;
background:rgba(0,0,0,.6);
}
.map-modal__window{
position:relative;
width:min(1000px,95vw);
background:#fff;
border-radius:8px;
padding:15px;
z-index:1;
}
.map-modal__close{
position:absolute;
top:5px;
right:10px;
border:none;
background:none;
font-size:30px;
cursor:pointer;
}
.map-modal__body{
margin-top:20px;
aspect-ratio:16/9;
}
.map-modal__body iframe{
width:100%;
height:100%;
border:none;
}
body.map-open{
overflow:hidden;
}
.js-map-open{
text-decoration:none;
white-space:nowrap;
}
.js-map-open:hover{
text-decoration:underline;
}
@media (max-width:768px){
.map-modal__window{
width:98vw;
padding:10px;
}
.map-modal__body{
height:75vh;
aspect-ratio:auto;
}
}
.says3 {
display: inline-block;
position: relative;
margin: 10px;
padding: 5px;
border-radius: 12px;
}
.hanbai-mini {
margin: 24px 0;
padding: 16px 18px;
background: #f7f7f7;
border-radius: 6px;
}
.hanbai-mini__head {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 10px;
font-size: 15px;
}
.hanbai-mini__label {
display: inline-block;
padding: 2px 8px;
background: #333;
color: #fff;
border-radius: 3px;
font-size: 12px;
}
.hanbai-mini__list {
border-top: 1px solid #ddd;
}
.hanbai-mini__item {
display: flex;
align-items: center;
gap: 12px;
padding: 9px 4px;
border-bottom: 1px solid #ddd;
color: inherit;
text-decoration: none;
}
.hanbai-mini__room {
font-weight: 700;
}
.hanbai-mini__price {
font-weight: 700;
}
.hanbai-mini__spec {
color: #555;
font-size: 14px;
}
.hanbai-mini__arrow {
margin-left: auto;
}
.hanbai-mini__more {
display: block;
margin-top: 11px;
text-align: right;
font-weight: 700;
font-size: 14px;
}
@media (max-width: 600px) {
.hanbai-mini__item {
flex-wrap: wrap;
gap: 3px 10px;
}
.hanbai-mini__spec {
width: 100%;
}
.hanbai-mini__arrow {
position: absolute;
right: 22px;
}
} .hanbai-mini__item{
display: grid;
grid-template-columns:
minmax(0, 1fr)
auto
16px;
align-items: center;
gap: 8px;
} .hanbai-mini__data{
display: block;
min-width: 0;
}
.hanbai-mini__main{
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 3px 8px;
}
.hanbai-mini__spec{
display: block;
} .hanbai-mini__fee{
display: inline-flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
min-width: 94px;
height: 34px;
padding: 0 9px;
border-radius: 2px;
font-size: 13px;
line-height: 1;
font-weight: 800;
white-space: nowrap;
} .hanbai-mini__fee--free{
background: #3294ed;
color: #fff;
} .hanbai-mini__fee--half{
background: #ffe500;
color: #111;
} .hanbai-mini__arrow{
margin-left: 0;
color: #0068d9;
font-size: 16px;
line-height: 1;
text-align: right;
} .hanbai-mini__locked-wrap{
display: block;
min-width: 0;
}
.hanbai-mini__lock{
display: inline-block;
font-weight: 700;
padding: 3px;
background: red;
font-weight: bolder;
color: white;
}
.hanbai-mini__locked-text{
display: block;
margin-top: 2px;
font-size: 12px;
color: #666;
} @media (max-width: 500px){
.hanbai-mini__item{
grid-template-columns:
minmax(0, 1fr)
auto
12px;
gap: 5px;
}
.hanbai-mini__fee{
min-width: 82px;
height: 31px;
padding: 0 6px;
font-size: 12px;
}
.hanbai-mini__arrow{
font-size: 14px;
}
} #main #container #content .hanbai-section .sale-card2{
width: 100% !important;
max-width: 450px !important;
margin: 14px auto !important;
box-sizing: border-box !important;
}
#main #container #content .hanbai-section .sale-card2--locked{
width: 100% !important;
max-width: 450px !important;
margin: 14px auto !important;
box-sizing: border-box !important;
} .hanbai-section{
max-width: 760px;
margin: 3em auto;
padding: 18px 18px 24px;
box-sizing: border-box;
background:
linear-gradient(
180deg,
#fff8ec 0%,
#ffffff 160px
);
border: 1px solid #f0c98b;
border-top: 5px solid #f28c28;
border-radius: 12px;
box-shadow:
0 4px 18px rgba(0,0,0,.08);
}
#main #container #content .hanbai-section h2{
margin: 0 0 10px;
padding: 8px 12px;
background: transparent;
border: none;
border-bottom: 2px solid #f28c28;
color: #222;
font-size: 20px;
font-weight: 800;
}
.hanbai-section__lead{
max-width: 650px;
margin: 0 auto 1.5em;
padding: 0 6px;
color: #444;
font-size: 14px;
line-height: 1.7;
}
.hanbai-section::before{
content:"FOR SALE";
display:block;
margin-bottom:6px;
color:#d86f12;
font-size:12px;
font-weight:800;
letter-spacing:.12em;
} .setsubi_dat {
background: #ffebeb;
margin: 4px;
padding: 5px;
line-height: 8px;
display: inline-block;
box-shadow: 0px 0px 5px gray;
}
.madori{max-height:350px;
max-width:100%}
@media (max-width: 480px) {
.madori{
max-height:200px;max-width:100%;
}}
.with-arrow::before{
content: "\25C0" !important;
margin-right: 8px;
font-family: Arial, sans-serif;
}
.with-mail::after{
content: "" !important; margin-left: 8px;
display: inline-block;
width: 22px; height: 22px; background-image: url(//www.lotus-asset-and-property.com/img/mailicon.png);
background-size: contain; background-repeat: no-repeat; vertical-align: middle; 
}
.b-massage-style {
background-color: #fff8e1;
border: 1px dashed #ff9800;
padding: 1.2em;
border-radius: 8px;
font-size: 1em;
margin: 2em 0;
}
.excerpt p {
position: relative;
padding-left: 32px; }
.excerpt p::before {
content: "";
position: absolute;
top: 0.2em;
left: 0;
width: 24px;
height: 24px;
background-image: url(https://www.lotus-asset-and-property.com/wp-content/uploads/2025/05/light.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.excerpt {
background: #fefcf7; 
border-radius: 8px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
border-top: 4px solid orange;
padding: 1.5em;
margin: 2em 14px;
}
.honbun p {
text-indent: 0em;
}
.honbun p::before {
content: "○";
line-height: 1.8;
}
li{
margin-bottom:12px!important;
line-height:1.1em!important;
}
.past-property-period__note{
font-size:85%;
color;#d5cfcf;
} .lotus-listing-hidden {
display: none;
}
.lotus-listing-more-row td {
text-align: center;
padding: 15px 8px;
}
.lotus-listing-more {
display: inline-block;
padding: 9px 24px;
border: 1px solid #1982d1;
border-radius: 4px;
background: #fff;
color: #1982d1;
font-size: 14px;
font-weight: bold;
cursor: pointer;
}
.lotus-listing-more:hover {
background: #1982d1;
color: #fff;
} #main #container #content .hanbai-mini .hanbai-mini__fee--free{
background-color: #3294ed !important;
background-image: none !important;
color: #fff !important;
}
#main #container #content .hanbai-mini .hanbai-mini__fee--half{
background-color: #ffe500 !important;
background-image: none !important;
color: #111 !important;
}
@media (max-width: 600px){
#main #container #content .hanbai-mini .hanbai-mini__fee{
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 82px;
height: 31px;
padding: 0 6px;
border-radius: 2px;
font-size: 12px;
font-weight: 800;
line-height: 1;
opacity: 1 !important;
}
#main #container #content .hanbai-mini .hanbai-mini__fee--free{
background: #3294ed !important;
color: #fff !important;
}
#main #container #content .hanbai-mini .hanbai-mini__fee--half{
background: #ffe500 !important;
color: #111 !important;
}
} @media (min-width: 601px){
.hanbai-mini__item{
grid-template-columns:
minmax(220px, 420px)
auto
16px;
justify-content: start;
}
.hanbai-mini__fee{
margin-left: 8px;
}
}