/**
Theme Name:twenty fourteen child
Version: 1.0
Template: twentyfourteen
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
a{
color:#378ce7;
transition: all 0.3s ease;
}
a:hover{
color:#4ba0fa;
}
.widget a{
transition: all 0.3s ease;
}
.widget a:hover{
color: #4ba0fa;
}
::-moz-selection {
background: #b3d4fc;
color: #fff;
text-shadow: none;
}
::selection {
background: #b3d4fc;
color: #fff;
text-shadow: none;
}
.site-navigation a{
color: #333;
}
.site-navigation .current_page_item > a, .site-navigation .current_page_ancestor > a, .site-navigation .current-menu-item > a, .site-navigation .current-menu-ancestor > a{
color: #4ba0fa;
}
.primary-navigation li:hover > a, .primary-navigation li.focus > a .site{
background-color:#4ba0fa;
}
@media screen and (min-width: 783px){
.primary-navigation li{
height: 78px;
line-height: 78px;
}
.primary-navigation li a{
font-size: 14px;
}
}
.site-top-main{
padding:0;
}
.site-top-main .main-content{
margin:0 auto;
}
.site-top-main .content-area{
margin:0;
padding:0;
}
header img,
.footer-logo img{
width: 190px;
}
header .site-title img{
margin: 20px 0 0 0;
}
@media (max-width: 768px) {
header img,
.footer-logo img{
width: 150px;
}
}
/* トップページ */
.site-top-main .hero{
padding-top:32px;
margin: 0 calc(50% - 50vw);
/* width:100vw; */
}
.hero {
color: #ffffff;
position: relative;
background-image: url('https://mcfs.jp/monthly/assets/uploads/img/top_header.png');
background-size: 1920px 914px; /* 背景画像のサイズを指定 */
background-position: center top; /* 上部中央に配置 */
background-repeat: no-repeat; /* 繰り返しを防止 */
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 0 20px;
position: relative;
min-height: 560px;
}
@media (max-width: 1920px) {
.hero {
background-size: cover;
}
}
@media (max-width: 768px) {
.hero {
background-position: center center; /* モバイルでは中央に配置 */
min-height: 65vh;
}
}
.hero-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.2);
}
.hero-content {
position: relative;
z-index: 1;
max-width: 800px;
margin-top: 60px;
color: #fff;
}
.hero-title {
font-size: 2.5rem;
font-weight: bold;
margin-bottom: 1rem;
line-height: 1.4;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
.hero-subtitle {
font-size: 1.125rem;
opacity: 0.9;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.map-container {
margin: 0 auto;
padding: 20px;
background-color: #ffffffd4;
border-radius:5px;
box-shadow: 3px 3px 5px #3f3f3f4f;
position: relative;
top: 60px;
}
.background-map{
background: url(https://mcfs.jp/monthly/assets/uploads/img/map.png) no-repeat;
background-size: 600px 450px;
background-position: center;
}
.region {
margin-bottom: 20px;
display: flex;
align-items: center;
}
.region-name {
width: 60px;
font-size: 12px;
color: #333;
font-weight:bold;
}
.prefecture-list {
flex: 1;
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.prefecture {
display: inline-block;
padding: 4px 12px;
border: 1px solid #2E86DE;
border-radius: 4px;
color: #2E86DE;
text-decoration: none;
font-size: 12px;
transition: background-color 0.2s;
background-color: #ffffff;
}
.prefecture:hover {
background-color: #f0f7ff;
}
.map-layout {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
}
.map-left {
display: flex;
flex-direction: column;
gap: 15px;
}
.map-right {
display: flex;
flex-direction: column;
gap: 15px;
}
.features {
margin: 160px 0 100px;
}
.features .features_header{
font-size: 48px;
font-weight: bold;
padding: 0 0 30px 0;
text-align: center;
/* font-feature-settings:'palt'; */
}
.features_logo{
width: 340px;
padding: 0 16px 0 0;
vertical-align: baseline;
}
.features .point-area{
display: flex;
justify-content: space-between;
gap: 30px;
}
.features .point-area .point1,
.features .point-area .point2,
.features .point-area .point3{
background-color: #f5f5f5;
max-width: 300px;
width: 100%;
text-align: center;
padding: 30px;
border-radius: 3px;
}
.features .point-area img{
max-width: 70px;
margin: 0 0 10px 0;
}
.point-ttl{
font-weight: bold;
font-size: 20px;
margin: 10px 0;
}
.property-content {
margin: 100px 0;
}
.property-content .property-container{
display: flex;
justify-content: space-between;
gap: 30px;
}
.property-content .post-style{
display: flex;
transition: all 0.3s ease;
/* max-width: 300px; */
}
.property-content .ranking-style{
/* display: flex;
margin: 20px 0; */
transition: all 0.3s ease;
}
.property-content .ranking-style .ranking{
margin: 0;
}
.property-content .point-ttl{
text-align: center;
margin: 0 0 20px;
}
.property-content .post-style .post-ttl{
padding: 0 0 0 10px;
line-height: 1.8;
}
.property-content .post-ttl span{
font-size: 11px;
display: inline-block;
}
.monthly-info{
position: relative;
margin: 100px 0;
}
.monthly-info .monthly-container{
max-width: 700px;
text-align: center;
margin: 0 auto;
}
.monthly-info::before,
.monthly-info::after {
content: '';
position: absolute;
background-size: contain;
background-repeat: no-repeat;
z-index: 1;
}
.monthly-info::before {
top: -50px;
left: 0;
width: 65px; /* 画像のサイズに応じて調整 */
height: 65px; /* 画像のサイズに応じて調整 */
background-image: url('https://mcfs.jp/monthly/assets/uploads/img/asset_img5.png'); /* 左上の画像のパスを指定 */
}
.monthly-info::after {
bottom: -50px;
right: 0;
width: 35px; /* 画像のサイズに応じて調整 */
height: 35px; /* 画像のサイズに応じて調整 */
background-image: url('https://mcfs.jp/monthly/assets/uploads/img/asset_img6.png'); /* 右下の画像のパスを指定 */
}
/* レスポンシブ対応 */
@media (max-width: 768px) {
.monthly-info::before,
.monthly-info::after {
width: 70px; /* モバイル用にサイズを小さく */
height: 70px;
}
.monthly-info::after {
width: 40px; /* モバイル用にサイズを小さく */
height: 40px;
}
.monthly-info::before {
top: -80px;
left: 10px;
}
.monthly-info::after {
bottom: -80px;
right: 10px;
}
}
.monthly-ttl{
background: linear-gradient(transparent 60%, #F9E295 30%);
font-weight: bold;
font-size: 30px;
margin: 10px 0 30px;
display:inline-block;
}
.monthly-info .info-txt{
font-size: 18px;
text-align: left;
line-height: 1.8;
}
.new-column{
margin: 100px 0;
}
.site{
margin: 32px auto 0;
}
.site:before{
background-color:none;
content: none;
}
.site-header,
.site-info {
background-color: #ffffffe0;
}
.site-footer{
width: 100vw;
margin: 0 calc(50% - 50vw);
background-color: #f5f5f5;
border-top: 2px solid #dae1e9;
padding: 30px 0 0;
}
.site-main{
display: flex;
justify-content:center;
}
.masthead-fixed .site-main{
margin-top: 110px;
}
.single-content{
max-width: 1000px;
/* margin: 0 50px 0 0; */
}
.site-main .content-area{
max-width: 800px;
width: 800px;
margin: 0 40px 0 0;
float:none;
}
.site-main .main-single-content .content-area{
max-width: 100%;
width: 100%;
margin: 0;
float:none;
}
.main-content{
float:none;
display: flex;
max-width: 1000px;
margin: 60px auto;
}
.main-single-content{
float:none;
display: flex;
max-width: 1000px;
margin: 60px auto;
justify-content: center;
}
.main-content .content-area{
margin: 0 0 0 0;
}
.content-area{
padding-top: 0;
}
.site-content, .site-main .widecolumn{
margin-left:0;
}
.site-content{
margin-right:0;
/* padding-top: 30px; */
}
.site-page-content{
margin-right:0;
/* padding-top: 30px; */
}
.site-page-content article header.entry-header{
padding: 25px 40px!important;
background-color: #ffffff;
}
#content article .entry-content{
padding: 0 40px 25px!important;
background-color: #ffffff;
}
#content article .entry-content h2{
margin: 0 0 1.2rem 0;
}
#content article .entry-content h3{
margin: 1.8rem 0 1.2rem 0;
}
.entry-content ul{
margin: 1.8rem 0 1.2rem 0;
}
.single-fudo-content{
background-color: #ffffff;
margin-bottom: 30px;
}
.site-content .has-post-thumbnail .entry-header{
margin-top:0;
}
#secondary,
#nendebcopy
{
/*background-color: #DFF5FF;*/
}
#secondary{
float: none;
margin: 0 0 0 0;
max-width: 294px;
width: 100%;
}
.content-sidebar{
margin-left:0;
width: 300px;
}
#list_simplepage2{
margin: 0;
padding-top: 30px;
}
.hentry{
margin: 0 auto;
max-width: 100%;
}
div#nendebcopy{
margin: 0 auto;
background-color: #c5e1e2;
}
.swiper{
width: 480px;
}
.swiper-wrapper {
/* wrapperのサイズを調整 */
width: 300px;
height: 300px;
align-items: center;
}
.swiper-slide {
/* スライドのサイズを調整、中身のテキスト配置調整、背景色 */
color: #ffffff;
width: 300px;
height: 100%;
text-align: center;
line-height: 300px;
}
.swiper-slide:nth-child(3n + 1) {
background-color: #e8e8e8;
}
.swiper-slide:nth-child(3n + 2) {
background-color: #fcd500;
}
.swiper-slide:nth-child(3n + 3) {
background-color: #53c638;
}
.swiper-slide img{
max-height:480px;
max-width: 480px;
width: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.swiper-pagination-bullet {
width: 12px !important;
height: 12px !important;
margin: 0 0 0 10px !important;
background: #333 !important;
}
.swiper-pagination-bullet:first-child {
margin: 0 !important;
}
/*左サイドバー*/
.primary-sidebar{
padding-top: 0px;
}
#fudo_b_k-3 .widget-title,
#fudo_b_k-3 form div{
font-size: 14px;
}
form{
color: #2b2b2b;
}
form#searchitem_m div, form#searchitem div{
margin: 0 0 15px;
}
#wp-block-search__input-1{
color: #2b2b2b;
background: #ffffff;
height: 40px;
border-radius: 5px;
border: 2px solid #d6d6d6;
width: 100%;
}
form .wp-block-search__inside-wrapper {
flex-wrap: wrap;
}
form#searchitem select{
border: 2px solid #d6d6d6;
height: 40px;
border-radius: 5px;
font-size: 14px;
/*appearance: none; デフォルトの矢印を非表示 */
position: relative;
}
form select::before {
}
form select::after{
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 9px solid grey;
content: "";
position: absolute;
right: 9px;
top: 15px;
width: 0;
}
/*詳細ページデザイン*/
.bukken_main_info{
margin: 0;
color: #5356FF;
}
.bukken_main_info .price{
font-size: 1.4em;
font-weight: bold;
}
.op_icon{
padding: 2px 10px;
background: #67C6E3;
border-radius: 5px;
color: #fff;
font-size: 12px;
font-weight: bold;
}
#list_simplepage2 .list_detail .list_price.rent{
background-color: #DFF5FF;
}
/*カスタマイズ*/
/*サイトメインデザイン*/
.site{
max-width:1260px;
margin:16px auto 0;
}
.site-header{
top: 0;
width: 100vw;
max-width: none;
}
.header-main{
max-width: 1260px;
margin: 0 auto;
min-height: 78px;
}
/* パンくずリスト */
ul.breadcrumb{
list-style: none;
list-style: none;
font-size: 0.8em;
color: #6f6f6f;
padding-bottom: 30px;
}
ul.breadcrumb li{
display: inline;
}
ul.breadcrumb li a{
color: inherit;
text-decoration: none;
}
ul.breadcrumb li + li:before{
content: ">";
margin:.5em;
}
.site-content .entry-header{
padding-top: 30px;
}
.site-content .entry-header,
.site-content .entry-content{
margin-right:0;
max-width:100%;
}
.site-content .entry-meta{
max-width:100%;
}
.post-container{
padding:30px 20px;
}
.post-area-style{
display: flex;
flex-wrap: wrap;
background-color: #ffffff;
max-width: 730px;
gap: 15px;
padding: 30px;
border-radius: 5px;
}
.ranking-area-style{
display: grid;
grid-template-columns: 1fr 1fr;
gap: 15px;
background-color: #ffffff;
margin: 0 auto;
padding: 30px;
border-radius: 5px;
max-width: 291px;
}
.post-grid{
max-width: 323px;
/* width:230px;
flex: 1; */
}
.post-area-style a:hover .post-ttl{
color:#4ba0fa;
transition: all 0.3s ease;
}
.entry-title{
font-size: 24px;
font-weight: bold;
line-height: 1.4;
}
.entry-title.property{
font-size: 18px;
font-weight: bold;
}
#primary .entry-meta .cat-links a{
color: #8d8d8d;
}
.list_simple_box.entry-content h2.bukken_ttl,
.list_simple_box.entry-content h2.comment_ttl{
margin: 36px 0 12px;
font-size: 18px;
font-weight: bold;
}
.entry-content h2{
background-color: #DFF5FF;
padding: 15px 10px;
font-size: 18px;
font-weight: bold;
line-height: 1.4;
}
.entry-content h3{
font-size: 16px;
font-weight: bold;
color: #3eafae;
padding-left: 8px;
border-left: 4px solid;
}
.entry-content h4{
font-size: 16px;
font-weight: bold;
}
.entry-content ul li{
list-style-type:disc;
}
.entry-content ul.is-style-check-list{
margin: 0 0 24px 40px;
}
.entry-content ul.is-style-check-list li{
position: relative;
list-style-type: none;
}
.entry-content ul.is-style-check-list li::after{
content: '';
display: block;
position: absolute;
top: .5em;
left: -1.5em;
width: 10px;
height: 5px;
border-left: 2px solid #25AF01;
border-bottom: 2px solid #25AF01;
transform: rotate(-45deg);
}
#main #content .page .entry-content p.has-background,
#main #content .post .entry-content p.has-background{
padding: 15px;
}
#main #content .post .entry-content p{
padding: 0;
margin: 0 0 15px 0;
}
.new-column .column-container{
display: flex;
justify-content: space-between;
gap: 30px;
}
.new-column .point-ttl{
text-align: center;
margin: 0 0 20px;
}
.new-column .post-style{
display: flex;
transition: all 0.3s ease;
}
.new-column .post-ttl{
padding: 0 0 0 10px;
}
.post-style:hover {
transform: translateY(-5px);
box-shadow: 0 12px 20px rgba(0,0,0,0.15), 0 8px 10px rgba(0,0,0,0.12);
}
.post-thum img{
width: auto;
max-width: 245px;
height: 120px;
-o-object-fit: cover;
object-fit: cover;
aspect-ratio: 4 / 3;
/* -o-object-position: -17px center;
object-position: -17px center; */
}
.post-ttl{
width: 100%;
transition: all 0.3s ease;
}
.post-ttl h3{
margin: 0;
font-size: 14px;
font-weight: bold!important;
line-height: 1.4;
}
.ranking-style .post-ttl h3{
}
/*ボタンデザイン*/
.widget button, .widget .button, .widget input[type="button"], .widget input[type="reset"], .widget input[type="submit"]{
background-color:#1bb3cc;
width: 100%;
margin: 10px 0;
height: 40px;
transition: all .3s;
}
.widget input[type="button"]:hover, .widget input[type="button"]:focus, .widget input[type="reset"]:hover, .widget input[type="reset"]:focus, .widget input[type="submit"]:hover, .widget input[type="submit"]:focus{
background-color: #1b7bcc;
}
.line_btn {
display: block;
text-align: center;
margin: 30px auto;
/* align-items: center;
justify-content: center; */
width: 100%;
max-width: 400px;
padding: 12px 20px;
color: white;
text-decoration: none;
font-size: 18px;
font-weight: bold;
border-radius: 8px;
box-sizing: border-box;
transition: all .3s;
}
.line_btn:hover {
opacity:0.8;
color: #fff;
}
.btn_color_green{
background-color: #06C755;
}
.btn_color_orange{
background-color: #fe8e16;
}
.btn_color_blue{
background-color: #1bb3cc;
}
.btn_color_green:hover,
.btn_color_orange:hover,
.btn_color_blue:hover{
opacity: 0.8;
}
.line_btn .line_txt{
vertical-align: middle;
}
.line_btn .sub_txt{
margin: 0;
font-size: 0.8em;
}
.line_icon {
display: inline-block;
position: relative;
width: 40px;
height: 40px;
margin-right: 10px;
}
.line_icon img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
/*フォームデザイン*/
#top_fbox .form_jsearch{
font-size:16px;
}
.form_jsearch input[type="checkbox"]{
width:15px;
height:15px;
vertical-align: -0.1rem;
}
.form_jsearch .chikunen select{
width:100%;
padding: 0.55rem;
border: 1px solid #ddd;
border-radius: 4px;
}
.form_jsearch .kakaku select,
.form_jsearch .menseki select{
width:40%;
padding: 0.55rem;
border: 1px solid #ddd;
border-radius: 4px;
}
.arealist{
list-style: none;
display: flex;
max-width: 980px;
margin: 0 auto;
justify-content: center;
flex-wrap: wrap;
gap: 10px 6px;
}
.arealist li{
width: calc(25% - 18px);
}
.arealist li .placebtn{
background-color:#28b8cf;
width: 100%;
transition:.3s all;
}
.arealist li .placebtn:hover{
background-color:#4ec8db;
}
li {
list-style-type: none;
}
/*新規登録フォーム*/
.registform-area{
margin: 0 auto;
padding: 0 30px;
background-color: #fff;
border-radius: 5px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.form-container{
max-width: 800px;
margin: 0 auto;
padding: 30px 0;
}
.form-container .form-group {
margin-bottom: 20px;
}
.form-container h2 {
text-align: center;
color: #333;
margin-bottom: 20px;
}
.form-container label {
display: block;
margin-bottom: 5px;
color: #666;
}
.form-container input {
width: 100%;
padding: 10px;
border: 1px solid #ddd;
border-radius: 4px;
box-sizing: border-box;
}
.form-container .required::after {
content: " *";
color: red;
}
.form-container button {
width: 100%;
padding: 10px;
background-color: #4CAF50;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 16px;
}
.form-container button:hover {
background-color: #45a049;
}
.error {
color: red;
font-size: 0.9em;
margin-top: 5px;
}
/*サイドバー*/
#secondary, #supplementary{
padding:0;
}
.widget_block{
border-radius: 5px;
padding: 10px 10px;
background: #ffffff;
color:#2b2b2b;
}
.widget_block a{
color:#2b2b2b;
}
.widget.widget_company{
padding: 10px;
background: #eff6ff;
border: 1px solid rgba(219, 234, 254);
border-radius: 5px;
}
.widget .company_area{
color: #2b2b2b;
background-color: initial;
border: initial;
margin: 0;
}
.widget .company_area .company__simplepage{
margin: 0;
padding: 0;
}
.widget .company_area h3.company_ttl{
color: #ffffff;
margin: 12px 0 12px;
padding: 3px 10px;
background-color: #378CE7;
}
.widget .company_area .store-area{
display: block;
padding: 10px;
}
.widget .company_area .store_name{
font-size: 18px;
font-weight: bold;
}
.widget .company_area .store_tel{
font-size: 24px;
font-weight: bold;
}
.widget .company_area .store_tel a{
color: #378ce7;
text-decoration: underline;
}
.widget .company_area .store_tel img{
width: 25px;
vertical-align: text-bottom;
}
.widget .company_area button{
background-color: #fe8e16;
border-radius: 2px;
}
.footer-sidebar .widget h2, .primary-sidebar .widget h2{
font-size:16px;
font-weight: bold;
}
.widget_block .wp-block-latest-posts li{
padding: 6px 0;
}
.footer-sidebar .widget, .primary-sidebar .widget{
width: 100%;
font-size: 12px;
line-height: 1.5;
}
.footer-sidebar .widget h3, .primary-sidebar .widget h3{
font-size: 12px;
margin: 10px 0;
}
.custom-post-list-widget ul.post-list li.post-item{
padding: 8px 0;
}
/* 物件詳細 */
.header-info-area{
display:flex;
margin: 25px 0;
gap: 10px 15px;
}
.header-info-area .header-info{
border: 2px solid #79b6f8;
border-radius: 3px;
padding: 5px 20px;
margin-bottom: 0;
}
#list_simplepage .list_detail table.plan-dtl tr:first-child{
background-color: #edeeed;
}
#list_simplepage .list_detail table.plan-dtl th{
padding: 0 0 0 15px;
border: 1px solid #a6a6a6;
}
#list_simplepage .list_detail table.plan-dtl td{
border: 1px solid #a6a6a6;
padding: 0 0 0 15px;
}
#list_simplepage2 .list_detail table.plan-dtl{
margin-top: 36px;
table-layout: fixed;
}
#list_simplepage2 .list_detail table.plan-dtl th{
padding: 4px 4px;
font-size: 18px;
background-color: #dce8fb;
border: none;
}
#list_simplepage2 .list_detail table.plan-dtl td{
padding: 6px;
}
#list_simplepage2 .list_simple_box .list_detail .header-info dt{
display: block;
font-size: 0.9rem;
}
#list_simplepage2 .list_simple_box .list_detail .header-info dd{
margin: 0;
color: #378CE7;
font-weight: bold;
font-size: 1.2rem;
}
.setsubi_dat{
background: #DFF5FF;
color: #3e94d2;
border-radius: 10px;
padding: 2px 6px;
line-height: 1.8;
}
/* コンタクトフォームエリア
ポップアップエリア */
#contact_form_area{
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
z-index: 999;
}
.popup_content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: #fff;
padding: 20px;
max-width: 500px;
width: 100%;
max-height: 90%;
}
.close_btn {
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
}
/* フッターエリア */
#footer-sidebar .widget_block {
border:inherit;
background-color: inherit;
}
.footer-sidebar {
width: 1200px;
margin: 0 auto;
padding: 0 30px;
}
.footer-sidebar ul{
max-width: 1000px;
margin: 30px auto 24px;
display: flex;
gap: 8px;
}
.footer-sidebar ul a{
color: #333;
}
.footer-logo img {
max-width: 230px;
}
.site-footer, .site-info, .site-info a{
color: #333;
}
footer .site-info{
text-align: center;
background-color: #378CE7;
}
.site-info a:hover{
color: #ffffff;
}
/* 物件一覧 */
.archive-post{
margin: 0 0 100px 0;
}
.nav-previous a{
background-color: #378ce7;
color: #fff;
padding: 5px 15px;
font-size: 14px;
border-radius: 3px;
}
.nav-next{
display: flex;
justify-content: space-between;
}
.seach_count{
color: #6f6f6f;
}
.count_number{
color: #e53434;
font-size: 24px;
font-weight: bold;
}
.archive-entry-title{
font-size: 24px;
font-weight: bold;
line-height: 1.0909090909;
margin-bottom: 12px;
margin: 0 0 12px 0;
text-transform: uppercase;
}
#list_simplepage article{
background-color: #ffffff;
margin: 30px 0;
padding: 30px;
}
#list_simplepage3 article{
background-color: #ffffff;
margin: 30px 0;
padding: 30px;
}
#list_simplepage .list_simple_boxtitle .bukken_icon{
margin-bottom:0;
}
#list_simplepage .list_simple_box .list_detail .list_details_button{
max-width: 100%;
background-color: #1bb3cc;
/* background-color: #f9e295;
background-color: #f9b253; */
font-size: 18px;
border-radius: 3px;
transition: all 0.3s ease;
}
#list_simplepage .list_simple_box .list_detail .list_details_button:hover{
background-color: #1bb3ccc7;
}
.footer_page_navi{
display: flex;
justify-content: center;
}
.page_navi_area a{
padding: 1px 5px;
margin: 0 3px;
border: 1px solid #ccc;
border-radius: 3px;
}
/* エージェント会社情報ページ */
.company__simplepage{
padding: 0 20px;
}
.store-area{
display: flex;
gap: 30px;
padding: 60px 0;
}
.store-info-right{
width: 100%;
}
.store-info-right table{
border: none;
border-collapse: collapse;
}
.store-info-right table th,
.store-info-right table td{
font-weight: normal;
padding: 6px;
border: none;
border-collapse: collapse;
border-top: 1px solid #979797;
border-bottom: 1px solid #979797;
}
/*物件を取り扱う店舗エリアデザイン*/
.company_area{
color: #2b2b2b;
background-color: rgba(239,246,255);
border: 1px solid rgba(219,234,254);
margin: 0 0 100px;
}
.company_area .company__simplepage{
margin: 36px 0;
padding: 0 20px;
}
.company_area .company_ttl{
font-size: 18px;
font-weight: bold;
}
.company_area .store-area{
display: flex;
margin: 12px 0 0;
padding: 10px 0;
}
.company_area .store-info-right{
line-height: 1.6;
}
.company_area h3.store_name{
margin: 0 0 12px;
}
.company_area .store_description{
padding: 0 0 12px 0;
}
.company_area .icon img{
width: 20px;
padding: 0 6px 0 0;
}
.company_area .store_btn_link{
display: flex;
}
@media screen and (min-width:769px) {
.page-content-area{
width: 800px;
margin: 0 40px 0 0;
}
.page-shiku-area{
width: 1000px;
margin: 0;
}
.store-info-right table th{
min-width: 135px;
}
}
.city-header{
margin: 0 0 0 20px;
}
/*物件条件検索フォームデザイン*/
.city-filter table.form_jsearch tr{
border: 1px solid #E5E5E5;
}
.city-filter table.form_jsearch select{
width: 40%;
padding: 0.55rem;
border: 1px solid #ddd;
border-radius: 4px;
}
.city-checkbox-list table.form_jsearch ul{
margin: 0!important;
}
.property-search-form .submit{
text-align: center;
margin: 30px 0;
}
.property-search-form .submit input[type=submit]{
width: 500px;
background-color: #1bb3cc;
font-size: 1.2em;
transition: all 0.3s;
}
.property-search-form .submit input[type=submit]:hover{
opacity: 0.8;
}
.search_query{
font-size: 0.8em;
font-weight: bold;
color: #777777;
}
#list_simplepage2 .entry-content .comment_txt{
border: 3px solid #f9dce1;
border-radius: 5px;
padding: 12px;
}
iframe#dify-chatbot-bubble-window{
position: fixed!important;
}
.sp-container .point-ttl{
text-align: center;
margin: 0 0 20px;
}
.sp-layout{
display: block;
background-color: #ffffff;
padding: 30px 15px;
}
.city-header h1.page-title{
font-weight: 900;
color: #378ce7;
}
input[type="submit"]{
width: 100%;
padding: 10px;
background-color: #2563eb;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 16px;
}
.main-single-content .content-area .site-page-content .entry-content{
font-size: 0.9rem;
}
.main-single-content .content-area .site-page-content .entry-content li{
list-style-type:decimal;
}
.policies_google{
font-size: 9px;
padding-top: 15px;
}
.grecaptcha-badge { visibility: hidden; }
/* Contact Form 7 */
/* 必須マーク */
.must{
color: #fff;
margin-right: 10px;
padding: 2px 7px;
background: #f58694;
border-radius: 3px;
}
.page-template .site-content{
margin-top: -24px;
}
.column-content h2{
font-weight: bold;
font-size: 20px;
margin-top: 0;
}
.monthly-posts{
background-color: #ffffff;
padding: 30px 0;
display: flex;
flex-direction: column;
}
.monthly-posts .post-list{
max-width: 736px;
width: 100%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
gap: 40px 20px;
}
.monthly-posts .post-list .monthly-post-item{
width: 232px;
}
.monthly-post-item a .post-thumbnail img{
}
.monthly-post-item a h3{
font-size: 15px;
line-height: 1.2;
font-weight: bold;
margin: 12px 0 0 0;
}
.site-page-content article.page .entry-header,
.site-page-content article.page .entry-content {
margin: 0!important;
}
#page #main .main-single-content{
margin: 30px auto;
}
.header-registration{
font-size: 1.4rem;
font-weight: bold;
padding-top: 30px;
}
@media screen and (max-width:768px) {
.header-main{
min-height: 48px;
}
header .site-title img{
margin: 0;
}
.site-header{
top: 0;
}
.site{
max-width: 100%;
margin: 0 8px 0;
}
.site-top-main{
padding: 0;
}
.main-content{
display: block;
max-width: 100%;
}
.site-main{
display: block;
}
.site-main .content-area{
margin: 0;
}
.hero-content{
margin-top: 0;
}
.hero-title{
font-size: 1.8rem;
}
.hero-subtitle{
font-size: 1rem;
}
.map-container{
display: none;
}
.masthead-fixed .site-main{
margin-top: 50px;
}
.site-content{
margin-bottom: 0;
}
.single-content{
max-width: 100%;
}
.page-content-area{
width: 100%;
}
.page-shiku-area{
width: 100%;
}
.site-main .content-area{
max-width: 100%;
}
ul.breadcrumb{
margin: 0 10px 20px;
}
.swiper{
width: 100%;
}
.swiper-slide img{
max-width: 100%;
height: auto;
}
.header-info-area{
flex-wrap: wrap;
}
.header-info-area .header-info{
flex: 0 1 calc(50% - 32px);
padding: 5px 10px;
}
.features{
margin: 50px 0;
}
.features .features_header{
font-size: 28px;
line-height: 1.6;
}
.features_logo{
max-width: 260px;
width: 100%;
}
.features .point-area{
display: block;
}
.features .point-area .point1, .features .point-area .point2, .features .point-area .point3{
max-width: 100%;
margin: 20px 0;
padding: 10px 0;
}
.property-content .property-container{
display: block;
}
.property-content .ranking-area-style{
margin: 0;
max-width: 100%;
/* justify-content: space-around; */
grid-template-columns: repeat(auto-fit, 145px);
grid-row-gap: 20px;
grid-column-gap: 10px;
justify-content: center;
}
.property-content{
margin: 50px 0;
}
.attention-area,
.new-property{
margin: 50px 0;
}
.monthly-ttl{
font-size: 24px;
}
.monthly-info .info-txt{
padding: 0 30px;
}
.new-column .column-container{
display: block;
}
.colum-area{
margin: 50px 0;
}
#secondary{
max-width: 100%;
background-color:#f5f5f5;
margin: 50px 0 0 0;
border: none;
}
.widget{
width: calc(100% - 20px);
}
.widget_block{
border:none;
}
.footer-sidebar{
width:100%;
padding:0;
}
.footer-sidebar .footer-logo{
margin: 0 20px;
text-align:center;
}
.site-header, .site-info{
text-align:center;
}
/* 物件一覧 */
.page-header{
border-bottom:none;
}
.nav-previous a{
padding: 5px 12px;
font-size: 12px;
}
.nav-next{
display: block;
}
.page_navi_area{
text-align: center;
margin: 15px 0;
}
#list_simplepage article{
padding: 15px;
}
.archive-entry-title{
font-size: 18px;
}
#list_simplepage .list_simple_box .list_detail{
padding: 0;
margin: 0;
}
#list_simplepage table{
margin-top: 24px;
}
.footer-sidebar ul{
margin: 24px 20px 30px;
display: block;
}
/* エージェント会社情報ページ */
.store-area{
display: block;
padding: 10px 0 60px;
}
.store-info-left{
text-align: center;
}
.store-info-right table th{
width: 100%;
}
.store_logo{
width: 100px;
margin: 25px auto;
}
.store_logo img{
width: 100%;
height: auto;
}
.company_area{
margin: auto;
}
.company_area .store-area{
display: block;
}
.company_area .company__simplepage{
padding: 0 10px;
}
.property-search-form .submit input[type=submit]{
width: 100%;
}
#list_simplepage3 article{
padding: 30px 8px;
}
.menseki,
.kakaku{
font-size: 0.7rem;
}
.form_jsearch .kakaku select, .form_jsearch .menseki select{
font-size: 1rem;
padding: 0.3rem;
}
.entry-content ul.is-style-check-list{
margin: 0 0 24px 20px;
}
.footer-sidebar .widget, .primary-sidebar .widget_block{
width: calc(100% - 20px);
}
.monthly-posts{
align-items: center;
}
.monthly-posts .post-list{
max-width: 100%;
display: grid;
width: calc(100% - 20px);
grid-template-columns: 1fr 1fr;
gap: 15px;
}
.monthly-posts .post-list .monthly-post-item{
width: 100%;
}
.site-page-content article header.entry-header{
padding: 25px!important;
}
#content article .entry-content{
padding: 0 25px 25px!important;
}
#page #main .main-single-content{
margin: 30px auto;
}
/* iframe#dify-chatbot-bubble-window{
display: flex!important;
} */
}
/* registration */
.form-container.new-rec h2{
text-align: left;
}
.form-container.new-rec input{
background-color: #f5f5f5;
border: none;
}
.form-container.new-rec button{
width: 40%;
background-color: #ffffff;
color: black;
border-radius: 9999px;
box-shadow: var(--button_shadow);
}
.form-container.new-rec button:hover{
background:var(--button-hover);
color: #fff;
}
.registform-area,.site-cnt{
--box_shadow: var(--new_shadow);
}
.form-container.new-rec button.arrow_right {
display: block;
position: relative;
width: 40%;
margin: 0 auto;
text-align: center;
}
.form-container.new-rec button.arrow_right::after {
content: "";
position: absolute;
right: 16px;
top: 50%;
width: 8px;
height: 8px;
border-top: 1px solid #000;
border-right: 1px solid #000;
transform: translateY(-50%) rotate(45deg);
}
.form-container.new-rec button.arrow_right:hover::after {
border-top-color: #fff;
border-right-color: #fff;
}
@media screen and (max-width: 768px) {
.site-content.new-rec h2.header-registration {
font-size: 1.2rem ;
}
.form-container.new-rec button {
font-size: 0.8rem;
width: 50%;
}
.form-container.new-rec label{
font-size: 0.8rem;
}
}
/* contct */
.site-page-content.site-cnt article header.entry-header,
.site-page-content.site-cfm article header.entry-header
{
padding: 30px 40px 0 40px !important;
}
.site-page-content.site-kyc article header.entry-header{
padding: 25px 40px 0 40px !important;
}
.site-page-content.site-cnt article header.entry-header h1.entry-title,
.site-page-content.site-cfm article header.entry-header h1.entry-title,
.site-page-content.site-kyc article header.entry-header h1.entry-title
{
margin: 0px ;
margin-bottom:0px;
}
.page-cnt .site-page-content article.page .entry-header,
.page-cnt .site-page-content article.page .entry-content,
.page-cfm .site-page-content article.page .entry-header,
.page-cfm .site-page-content article.page .entry-content,
.page-kyc .site-page-content article.page .entry-header,
.page-kyc .site-page-content article.page .entry-content {
margin: initial !important;
text-align: inherit !important;
}
.page-cnt .site-page-content article input,
.page-cnt .site-page-content article textarea,
.page-cnt .site-page-content article select,
.page-kyc .site-page-content article input,
.page-kyc .site-page-content article textarea,
.page-kyc .site-page-content article select
{
background-color: #f5f5f5 !important;
border: none !important;
}
@media screen and (max-width: 768px) {
.site-page-content.site-cnt article header.entry-header,
.site-page-content.site-cfm article header.entry-header,
.site-page-content.site-kyc article header.entry-header{
padding: 25px 25px 0 25px !important;
}
}
/* CFbuton */
.page-cnt .wpcf7-form input.wpcf7-submit,
.page-kyc .wpcf7-form input.wpcf7-submit,
.page-mct .wpcf7-form input.wpcf7-submit,
.page-wit .form-container button,
.page-mct .line_btn,.page-mct a.store_btn_link{
display: block;
position: relative;
width: 30%;
margin: 0 auto;
text-align: center;
background-color: #ffffff !important;
color: black;
border: none;
border-radius: 9999px;
cursor: pointer;
font-size: 1rem;
font-weight: 500;
transition: all 0.3s ease;
box-shadow: var(--button_shadow);
padding-left: 2.5em;
background:
url("data:image/svg+xml;utf8,")
right 20px center / 14px 14px no-repeat,
#ffffff;
}
.page-mct .wpcf7-form input.wpcf7-submit{
padding-left: 0.5rem;
}
@media screen and (max-width: 768px) {
.page-cnt .wpcf7-form input.wpcf7-submit,
.page-kyc .wpcf7-form input.wpcf7-submit,
.page-wit .form-container button,
.page-mct .line_btn,
.page-mct a.store_btn_link{
font-size: 0.8rem;
width: 50%;
}
}
/* hover */
.page-cnt .wpcf7-form input.wpcf7-submit:hover,
.page-kyc .wpcf7-form input.wpcf7-submit:hover,
.page-mct .wpcf7-form input.wpcf7-submit:hover,
.page-wit .form-container button:hover{
color: #fff;
background:
url("data:image/svg+xml;utf8,")
right 20px center / 14px 14px no-repeat,
var(--button-hover);
box-shadow: var(--button_shadow);
}
/* 矢印 */
.page-cnt .wpcf7-form input.wpcf7-submit ,
.page-wit .form-container button,
.page-mct .line_btn,
.page-mct a.store_btn_link{
padding-right: 2.8em;
background:
url("data:image/svg+xml;utf8,")
right 15px center / 20px 20px no-repeat,
#ffffff;
}
/* hover時*/
.page-cnt .wpcf7-form input.wpcf7-submit:hover,
.page-wit .form-container button:hover,
.page-mct .line_btn:hover,
.page-mct a.store_btn_link:hover{
color: #fff;
background:
url("data:image/svg+xml;utf8,")
right 15px center / 20px 20px no-repeat,
var(--button-hover);
}
/* サイドバー */
.main-page-content.page-cnt aside,
.main-page-content.page-cfm aside,
.main-page-content.page-cpy aside{
--box_shadow: var(--header_shadow);
}
.main-page-content.page-cnt #secondary select,
.main-page-content.page-cfm #secondary select,
.main-page-content.page-cpy #secondary select,
#secondary select option {
color: rgba(0, 0, 0, 0.5) !important;
border: 1px;
}
.main-page-content.page-cnt #secondary select,
.main-page-content.page-cfm #secondary select,
.main-page-content.page-cpy #secondary select {
border: 1.5px solid #f5f5f5 !important;
}
.main-page-content.page-cnt ~ #secondary .jsearch_caution1,
.main-page-content.page-cfm ~ #secondary .jsearch_caution1,
.main-page-content.page-cnt ~ #secondary #shubetsu.shubetsu,
.main-page-content.page-cfm ~ #secondary #shubetsu.shubetsu,
.page-cpy #secondary .jsearch_caution1,
.page-cpy #secondary #shubetsu.shubetsu {
margin: 0 !important;
}
#page #main.site-main > .single-content.page-cpy ~ #secondary,
#page #main.site-main > #primary.page-cpy ~ #secondary,
#page #main.site-main > .page-content-area.page-cpy ~ #secondary {
margin-top: 49px;
align-self: flex-start ;
}
.page-cpy .single-fudo-content.site-cpy{
margin-top: 0px ;
}
/* 物件検索ボタン */
#secondary input#btn{
display:block;
width:70%;
margin:0 auto;
box-sizing:border-box;
padding:0.9em 2.8em;
text-align:center;
color:#000;
background:
url("data:image/svg+xml;utf8,")
right 15px center/15px 15px no-repeat,
#fff;
border:none;
border-radius:9999px;
box-shadow:var(--button_shadow);
font-size:0.9rem;
font-weight:500;
line-height:1;
cursor:pointer;
-moz-appearance:none;
appearance:none;
-webkit-appearance:none;
transition:background-color .3s ease, color .3s ease, box-shadow .3s ease;
}
/* hover */
#secondary input#btn:hover{
color:#fff;
background:
url("data:image/svg+xml;utf8,")
right 15px center/15px 15px no-repeat,
var(--button-hover);
}
/* */
span.wpcf7-spinner {
display: none;
}
/* header */
.site-header {
top: 0;
margin: 0 auto;
border-radius: 5px;
max-width: none;
}
/* kyc_form */
.page-kyc .site-kyc input[type="file"].wpcf7-form-control.wpcf7-file {
background: #fff !important;
border: 1.5px solid #f5f5f5 !important;
width: 100% !important;
box-sizing: border-box;
}
.page-kyc .wpcf7-form input.wpcf7-submit{
width: 45%;
margin: 0 auto;
padding-left: 0.5em;
font-size: 0.9rem;
background:
url("data:image/svg+xml;utf8,")
right 15px center / 20px 20px no-repeat,
#ffffff;
}
.page-kyc.main-single-content {
margin-top: 60px !important;
}
@media screen and (max-width: 768px) {
.page-kyc.main-single-content {
margin-top: 30px !important;
}
#page #main .main-single-content.page-kyc {
margin:0
}
.site-page-content.site-kyc article header.entry-header h1.entry-title,
.site-page-content.site-cnt article header.entry-header h1.entry-title {
font-size: 1.3rem ;
}
}
/* company */
.page-cpy .entry-title.property {
padding: 30px 30px 0 30px;
}
.page-cpy .entry-title {
margin-bottom: 0px;
margin: 0 ;
}
.page-cpy .store-area {
padding: 25px 30px 30px 30px;
border-color: #cfcece;
align-items: center;
}
.page-cpy .store-info-right table td {
padding: 15px;
}
.page-cpy .store-info-right th,
.page-cpy .store-info-right td {
border-bottom: 1px solid #CFCECE;
}
.page-cpy .store-info-right table tr:first-child th,
.page-cpy .store-info-right table tr:first-child td {
border-top: none ;
}
.page-cpy .store-info-right table tr:last-child th,
.page-cpy .store-info-right table tr:last-child td {
border-bottom: none ;
}
/* company-sp */
@media screen and (max-width: 768px) {
.page-cpy .store-info-right table {
width: 100% !important;
table-layout: fixed;
border-collapse: separate;
border-spacing: 0;
word-break: break-word;
}
.page-cpy .store-info-right th,
.page-cpy .store-info-right td {
border: none !important;
}
.page-cpy .store-info-right tr {
display: block;
margin: 0 0 14px;
font-size: 0.9rem;
}
/* 見出し */
.page-cpy .store-info-right th {
display: block;
width: 100%;
padding: 8px 12px;
background: #f7f7f7;
font-weight: 600;
border: 1px solid #CFCECE;
border-bottom: none;
box-sizing: border-box;
}
/* 本文ボックス */
.page-cpy .store-info-right td {
display: block;
width: 100%;
padding: 10px 12px;
background: #fff;
border: 1px solid #CFCECE;
box-sizing: border-box;
}
.page-cpy .store-info-right tr:last-child { margin-bottom: 0; }
.page-cpy .store-area{
padding: 0px;
}
.page-cpy .entry-title.property {
padding: 30px 30px 0px 0px;
}
.page-cpy .company__simplepage {
padding: 0 20px 20px 20px;
}
}
/* font*/
.page-kyc .site-kyc input:not([type="submit"]):not([type="button"]):not([type="reset"]),
.page-kyc .site-kyc textarea,
.page-kyc .site-kyc select ,
.page-kyc .site-kyc input[type="file"]::file-selector-button,
.page-kyc .site-kyc input[type="file"]::-webkit-file-upload-button,
.site-scn .property-search-form .submit input[type=submit],
#secondary select{
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI",
"Helvetica Neue", HelveticaNeue,
"Hiragino Kaku Gothic ProN", "Hiragino Sans",
"Noto Sans JP", Meiryo, sans-serif !important;
font-weight: 400 !important;
}
.page-cnt .site-cnt input[type="submit"].wpcf7-submit,
.page-cfm .site-cfm input[type="submit"].wpcf7-submit,
.page-kyc .site-kyc input[type="submit"].wpcf7-submit,
#secondary input#btn{
font-family: inherit !important;
font-weight: 400 !important;
}
.page-kyc .site-kyc span.must {
font-size: 0.62rem;
position: relative;
top: -1.7px;
}
/* 物件問い合わせ */
.page-mct #contact_form_area .popup_content h1:first-child,
.page-mct #contact_form_area .popup_content h2:first-child,
.page-mct #contact_form_area .popup_content h3:first-child,
.page-mct #contact_form_area .popup_content h4:first-child {
display: none !important;
}
.page-mct #contact_form_area .wpcf7 form input:not([type="submit"]):not([type="button"]):not([type="reset"]),
.page-mct #contact_form_area .wpcf7 form textarea,
.page-mct #contact_form_area .wpcf7 form select {
background-color: #f5f5f5 !important;
border: 0 !important;
box-shadow: none !important;
outline: none !important;
width: 100%;
padding: 10px 12px;
border-radius: 4px;
box-sizing: border-box;
font-weight: 400;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI",
"Helvetica Neue", HelveticaNeue,
"Hiragino Kaku Gothic ProN", "Hiragino Sans",
"Noto Sans JP", Meiryo, sans-serif !important;
}
.page-mct .contact_btn_txt {
display: none !important;
}
.page-mct #contact_form_area .wpcf7 form ::-webkit-input-placeholder {
color: #b8b8b8;
}
.page-mct #contact_form_area .wpcf7 form ::-moz-placeholder {
color: #b8b8b8;
}
.page-mct #contact_form_area .wpcf7 form :-ms-input-placeholder {
color: #b8b8b8;
}
.page-mct #contact_form_area .wpcf7 form ::-ms-input-placeholder {
color: #b8b8b8;
}
.page-mct #contact_form_area .wpcf7 form ::placeholder {
color: #b8b8b8;
}
.page-mct .popup_content h2.comment_ttl {
font-size: 1.2rem;
}
.page-mct .popup_content p {
padding: 15px 0px 0px 0px;
}
.page-mct .popup_content {
padding: 30px;
}
.page-mct #contact_form_area .wpcf7 form input{
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI",
"Helvetica Neue", HelveticaNeue,
"Hiragino Kaku Gothic ProN", "Hiragino Sans",
"Noto Sans JP", Meiryo, sans-serif !important;
}
@media screen and (max-width: 768px) {
.page-mct .popup_content {
left: 50% !important;
top: 50% !important;
transform: translate(-50%, -50%) !important;
width: 92vw;
max-width: 540px;
box-sizing: border-box;
padding: 30px !important;
}
.page-mct #contact_form_area {
padding: 12px;
}
}
/* root */
:root {
--new_shadow: 16px 16px 40px 0px rgba(230, 230, 230, 0.9),
-16px -16px 32px 0px rgba(255, 255, 255, 0.9),
16px -16px 32px 0px rgba(230, 230, 230, 0.2),
-16px 16px 32px 0px rgba(230, 230, 230, 0.2);
--button_shadow:
5px 5px 13px 0px rgba(224, 224, 224, 0.9),
-5px -5px 10px 0px rgba(255, 255, 255, 0.9),
5px -5px 10px 0px rgba(224, 224, 224, 0.2),
-5px 5px 10px 0px rgba(245, 245, 245, 1),
0px 4px 4px 0px rgba(0, 0, 0, 0.25);
--button-hover:
linear-gradient(
90deg,
rgba(68, 129, 235, 1) 0%,
rgba(4, 190, 254, 1) 100%
);
}
/*修正1*/
.site-page-content.site-cnt{
box-shadow: var(--box_shadow);
}
.site {
margin-top: 0 !important;
}
.site-header {
margin-top: 0 !important;
}
.form-container.new-rec button,
.page-cnt .wpcf7-form input.wpcf7-submit,
.page-cnt .wpcf7-form input.wpcf7-submit,
.page-kyc .wpcf7-form input.wpcf7-submit,
.page-kyc .wpcf7-form input.wpcf7-submit,
.page-mct .wpcf7-form input.wpcf7-submit,
#secondary input#btn{
transition: 0.5s;
}
.page-cnt .wpcf7 form p { margin:0 0 10px 0; }
.page-cnt .wpcf7 form p:last-of-type { margin-bottom: 0px ; }
.site-header{
width: 100%;
margin: 8px auto 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
overflow: visible;
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 20;
box-shadow: var(--header_shadow);
border-radius: 16px;
}
@media (max-width: 768px){
.site-header{
width:100%;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.site-title{
padding-left:10px ;
}
.header-main {
min-height:8vh;
}
.masthead-fixed .site-main{
margin-top: 10px;
}
ul.breadcrumb {
padding: 0 !important;
}
}
@media (min-width: 783px){
.header-main {
padding: 0 30px;
}
}
.site-page-content.site-cnt{
box-shadow: var(--header_shadow);
border-radius: 16px;
background:#f7f7f7;
margin: 0 0 32px;
overflow: visible;
}
.site-page-content.site-cnt h1.entry-title,
.site-page-content.site-cfm h1.entry-title,
.site-page-content.site-kyc h1.entry-title {
font-size: 1.4rem ;
font-weight: bold;
}
.main-page-content.page-cnt ul.breadcrumb,
.main-page-content.page-cfm ul.breadcrumb,
.main-page-content.page-kyc ul.breadcrumb,
.single-content.page-cpy ul.breadcrumb {
padding: 10px 0px 19px 0px;
}
@media (max-width: 768px) {
.main-page-content.page-cnt ul.breadcrumb,
.main-page-content.page-cfm ul.breadcrumb,
.main-page-content.page-kyc ul.breadcrumb,
.single-content.page-cpy ul.breadcrumb{
margin: 5px 10px 20px;
}
}
.site-page-content.site-cnt,
.site-page-content.site-cfm,
.site-page-content.site-kyc{
position:relative;
background:#fff;
border-radius:5px;
box-shadow:var(--header_shadow);
overflow:visible;
}
.site-page-content.site-cnt article.page,
.site-page-content.site-cfm article.page,
.site-page-content.site-kyc article.page,
.site-page-content.new-rec article.page{
background:transparent !important;
border-radius:0;
box-shadow:none;
}
.site-page-content.site-cnt article.page header.entry-header,
.site-page-content.site-cfm article.page header.entry-header,
.site-page-content.site-kyc article.page header.entry-header,
.site-page-content.new-rec article.page header.entry-header{
background:transparent !important;
border-radius:5px 5px 0 0;
overflow:hidden;
}
.site-page-content.site-cnt article.page .entry-content,
.site-page-content.site-cfm article.page .entry-content,
.site-page-content.new-rec article.page .entry-content{
background:transparent !important;
border-radius:0 0 5px 5px;
overflow:hidden;
padding:10px 40px !important;
}
.site-page-content.site-cnt .entry-content > :last-child,
.site-page-content.site-cfm .entry-content > :last-child,
.site-page-content.site-kyc .entry-content > :last-child{
margin-bottom:0;
}
.page-kyc #content.site-kyc .entry-content p {
padding: 0 0 20px 0 !important;
font-size: 1rem ;
}
.page-kyc .site-kyc span.must {
font-size: 0.65rem ;
}
.registform-area,.site-cnt{
--box_shadow: var(--header_shadow);
}
.main-page-content.page-cnt aside,
.main-page-content.page-cfm aside,
.main-page-content.page-cpy aside{
--box_shadow: var(--header_shadow);
}
.page-cpy #content.company_simplepage .company__simplepage {
background: transparent;
border-radius: 0 ;
padding: 10px 40px ;
box-shadow: none;
}
.page-cpy #content.company_simplepage .company__simplepage > :last-child {
margin-bottom: 0;
}
.page-cpy #content.company_simplepage,
.page-cpy .single-fudo-content.site-cpy,
.page-cpy .page-content-area.page-cpy,
.page-cpy .site-content.site-cpy,
.page-mct .company_area,
.page-mct .single-fudo-content{
position: relative;
background: #fff ;
border-radius: 5px ;
box-shadow: var(--header_shadow) ;
overflow: visible ;
}
.page-mct .popup_content h2.comment_ttl {
font-weight: bold;
}
@media (max-width: 768px){
.page-mct #contact_form_area{
padding: 0;
}
.page-mct #contact_form_area .wpcf7 form input{
width: 50%;
}
.page-mct .single-fudo-content{
padding-top: 30px;
}
}
.page-kyc #content.site-kyc{
border-radius:12px !important;
overflow:hidden !important;
box-shadow: var(--header_shadow) !important;
background:#fff !important;
}
.page-kyc #content.site-kyc .entry-content{
padding:10px 40px !important;
}
/* 修正2 */
:root {
--button_shadow:
3px 3px 5px #d9dcdd, -3px -2px 6px #f7f7f7;
--header_shadow:
3px 3px 5px #d9dcdd, -3px -2px 6px #f7f7f7;
}
#page #main .main-single-content.page-kyc {
padding-bottom: 60px;
}
.site-page-content .entry-content{
box-sizing: border-box;
}
@media (max-width:768px){
.site-header .header-main{
max-width:none ;
margin:0;
border-radius:0;
padding-inline:12px;
box-shadow: var(--header_shadow) ;
}
.header-main{
min-height: 48px!important;
}
header .site-title img {
margin-top: -5px;
}
}
#primary-sidebar.widget-area {
box-shadow: none;
}
.header-main {
max-width: 1260px;
margin: 0 auto;
min-height: 78px;
}
#secondary > .widget .wp-block-group,
#secondary > .widget .wp-block-group__inner-container {
box-shadow: none !important;
background: transparent !important;
border: none !important;
padding: 0;
border-radius: inherit;
}
#secondary aside {
background: #fff;
border-radius: 3px;
box-shadow: var(--header_shadow);
margin-top: 49px;
}
/* footer */
footer .site-info {
background-color: #4699D4;
}
.site-info a {
color: #fff;
}
@media (max-width:768px){
.footer-sidebar .footer-logo {
margin: 0 20px;
text-align: left;
}
#footer-sidebar ul{
display:grid;
grid-template-columns:repeat(3,1fr);
gap: 5px;
padding:0;
list-style:none;
min-height:auto;
}
#footer-sidebar ul a{
display:block;
padding:0;
text-decoration:none;
}
}
/* 退会フォーム */
.main-content.page-wit .registform-area{
--box_shadow: var(--header_shadow);
padding: 25px;
}
.page-wit .form-container h2{
font-size: 1.3rem;
text-align: left;
}
.page-wit .form-container button{
width: 40%;
padding: 10px;
margin-top:20px ;
}
.page-wit .form-container{
padding: 30px 0px 0px 0px;
}
.page-wit .form-container button{
width: 50%;
}
/* 物件詳細ページ */
.page-mct .bukken_icon{
margin-bottom: 10px;
}
.page-mct .op_icon{
padding: 4px;
background: #4699D4;
}
.page-mct h1.entry-title.property{
font-size: 1.4rem;
margin: 0;
}
.page-mct .bukken_main_info{
margin-bottom: 20px;
color: #333;
}
.page-mct h2.entry-content{
background: none;
margin: 25px 0px 10px;
padding: 25px 0 0 !important;
}
.page-mct .site-content #list_simplepage2 .entry-content{
padding: 25px 0 0 !important;
}
.page-mct .list_simple_box.entry-content h2.comment_ttl{
background: none;
margin:0px;
padding: 0px 0px 10px;
}
.page-mct #list_simplepage2 .entry-content .comment_txt {
background-color: #f5f5f5;
border:none;
position: relative;
flex: 1;
max-width: none;
width: auto;
line-height: 1.5;
white-space:pre-wrap;
}
.page-mct #list_simplepage2 .entry-content .comment_txt::after {
content: "";
position: absolute;
top: 80%;
left: 0;
border-style: solid;
border-width: 5px 10px 5px 0;
border-color: transparent #f5f5f5 transparent transparent;
translate: -100% -50%;
}
.comment-box {
display: flex;
align-items: flex-start;
gap: 12px;
}
.page-mct #list_simplepage2 .list_detail table.plan-dtl th,
.page-mct #list_simplepage2 table.list_detail th{
background-color: #f5f5f5;
padding: 12px;
border-bottom: 1px solid #CFCECE;
font-size: 1rem;
}
.page-mct #list_simplepage2 .list_detail table.plan-dtl td,
.page-mct #list_simplepage2 table.list_detail td{
padding: 12px;
border-bottom: 1px solid #CFCECE;
}
.page-mct #list_simplepage2 .list_detail table.plan-dtl{
margin: 30px 0;
}
.page-mct .bukken_ttl{
font-size: 1.2rem;
margin-bottom: 10px;
}
.page-mct #list_simplepage2 .list_simple_box .list_detail #list_add th,
.page-mct #list_simplepage2 .list_simple_box .list_detail #list_add td {
border-bottom: 1px solid #CFCECE;
padding: 12px;
}
.page-mct #list_simplepage2 .list_detail table{
border-top: 1px solid #CFCECE;
}
.page-mct #list_simplepage2 .list_detail table {
margin-bottom: 30px;
}
.page-mct #list_simplepage2 .list_simple_box .list_detail #list_other th {
width: 20%;
background-color: #f5f5f5;
padding: 12px;
border-bottom: 1px solid #CFCECE;
}
.page-mct #list_simplepage2 .list_simple_box .list_detail #list_other td{
border-bottom: 1px solid #CFCECE;
}
@media screen and (max-width: 768px) {
.page-mct .store-info-right table{
border: none;
border-collapse: collapse;
table-layout: fixed;
border-collapse: separate;
border-spacing: 0;
word-break: break-word;
}
.page-mct .store-info-right table tr{
display: block;
margin: 0 0 14px;
font-size: 0.9rem;
}
.page-mct .store-info-right table th{
display: block;
width: auto !important;
background: #f5f5f5;
font-weight: 600;
border: none !important;
}
.page-mct .store-info-right table td{
display: block;
box-sizing: border-box;
border: none !important;
}
}
.page-mct .setsubi_dat{
background: #4699D4;
color: #fff;
border-radius: 3px;
padding: 4px;
line-height: 2.2;
font-size: 0.8rem;
}
.page-mct .line_btn,.page-mct button#contact_btn.contact_btn.line_btn.btn_color_orange{
width: 35%;
margin-bottom: 30px;
}
.page-mct a#click-id{
margin-bottom: 20px;
padding-left: 10px;
}
.page-mct a#click-id:hover {
color:#fff;
background:
url("data:image/svg+xml;utf8,")
right 15px center/20px 20px no-repeat,
var(--line-hover);
}
.page-mct button#contact_btn.contact_btn.line_btn.btn_color_orange:hover,
.page-mct button.contact_btn.line_btn.btn_color_orange:hover{
color:#fff;
background:
url("data:image/svg+xml;utf8,")
right 15px center/20px 20px no-repeat,
var(--cta-hover);
}
:root {
--line-hover:
linear-gradient(
90deg,
#06C755 0%,
#06C755 50%,
#5BE977 100%
);
--cta-hover:
linear-gradient(
90deg,
#FE8E16 0%,
#FFB347 100%
);
}
.page-mct #secondary aside{
background-color: #fff;
}
.page-mct .company_area{
border: none;
padding: 25px;
}
.page-mct a.store_btn_link{
display: flex;
vertical-align: middle;
justify-content: center;
padding: 0.8em;
padding-left: 2.5em;
padding-right: 2.8em;
margin-top: 25px;
}
@media screen and (max-width: 768px) {
.page-mct .line_btn,.page-mct .line_btn, .page-mct button#contact_btn.contact_btn.line_btn.btn_color_orange {
font-size: 0.8rem;
width: 70%;
}
.page-mct .company_area{
margin: 30px 0 0 0;
padding: 25px 0 0 0;
}
.page-mct a.store_btn_link{
display: flex;
vertical-align: middle;
justify-content: center;
padding: 0.8em;
margin-top:25px;
margin-bottom:25px;
}
}
.page-mct .company_area .store_description,
.page-mct .company_area h3.store_name{
padding:0;
margin: 0;
}
.page-mct .store-info-right table td{
padding: 15px;
}
.page-mct .store-info-right table tr:first-child th,
.page-mct .store-info-right table tr:first-child td {
border-top: none ;
}
.single-content:has(> #primary.page-mct) + #secondary
#primary-sidebar.primary-sidebar.widget-area
> aside#contact_company.widget.widget_company{
margin-top: 49px !important;
background-color: #E9F6FF !important;
border: none !important;
box-shadow: var(--header_shadow);
width: auto;
}
.single-content:has(>#primary.page-mct)+ #secondary #contact_company .company_area .company_ttl{
color:#000;
font-size:1rem;
background:none;
padding:0;
margin: 15px 0;
}
.single-content:has(> #primary.page-mct) + #secondary #contact_company .company_area .store-area{
padding:0;
}
.single-content:has(> #primary.page-mct) + #secondary
#primary-sidebar.primary-sidebar.widget-area
> aside#contact_company.widget.widget_company
#contact_btn:hover{
color:#fff;
background:
url("data:image/svg+xml;utf8,")
right 15px center/20px 20px no-repeat,
var(--cta-hover);
}
.single-content:has(> #primary.page-mct) + #secondary
#primary-sidebar.primary-sidebar.widget-area
> aside#contact_company.widget.widget_company
#contact_btn, .site-scn .property-search-form .submit input[type=submit],
.site-srp #list_simplepage .list_simple_box .list_details_button{
display: block;
position: relative;
width: 70%;
margin: 0 auto;
text-align: center;
background-color: #ffffff ;
color: black;
border: none;
border-radius: 9999px;
cursor: pointer;
font-size: 1rem;
font-weight: 500;
transition: all 0.3s ease;
box-shadow: var(--header_shadow);
background:
url("data:image/svg+xml;utf8,")
right 15px center / 20px 20px no-repeat,
#ffffff;
margin: 0 auto;
margin-top: 15px;
margin-bottom: 15px;
}
.page-mct button#contact_btn.contact_btn.line_btn.btn_color_orange{
background:
url("data:image/svg+xml;utf8,")
right 15px center / 20px 20px no-repeat,
#ffffff;
}
/* shikuchouson */
.site-scn table.form_jsearch th {
background: #F6F6F6;
}
.site-scn .add_conditions h3 {
margin-top: 30px;
}
.site-scn table.form_jsearch input[type="checkbox"], table.form_jsearch input[type="radio"]{
accent-color: #4699D4;
}
.site-scn #list_simplepage3 article{
box-shadow: var(--header_shadow);
}
.site-scn .property-search-form .submit input[type=submit]:hover, .site-srp #list_simplepage .list_simple_box .list_details_button:hover{
color:#fff;
background:
url("data:image/svg+xml;utf8,")
right 15px center/20px 20px no-repeat,
var(--button-hover);
}
.site-scn .property-search-form .submit input[type=submit]{
width: 35%;
}
.site-scn .city-header{
margin: 0px;
}
@media screen and (max-width: 768px) {
.site-scn .property-search-form .submit input[type=submit]{
width: 75%;
}
.site-scn .form_jsearch .kakaku select, .form_jsearch .menseki select{
width: 40%;
}
.site-scn .city-header h1.page-title{
margin: 10px 10px 0px;
}
}
/* 検索結果ページ */
.site-srp .list_detail table td {
padding:5px;
}
:root {
--theme-blue: #4699D4;
}
.site-srp .op_icon,
.site-srp .nav-previous a,
.site-srp .setsubi_dat{
font-weight: bold;
background: var(--theme-blue);
color: #fff;
border-radius: 3px;
padding: 5px;
line-height: 2.2;
}
.site-srp .nav-previous a{
padding: 5px 10px;
}
.site-srp .page_navi_area b{
background: var(--theme-blue);
padding: 3px 8px;
color: #fff;
border-radius: 3px;
box-shadow: var(--header_shadow);
}
.site-srp .nav-next .page_navi_area a,.site-srp .page_navi_area a{
background: #fff;
color: var(--theme-blue);
padding: 3px 8px;
border-radius: 3px;
box-shadow: var(--header_shadow);
}
.site-srp #list_simplepage .list_price.rent{
background: var(--theme-blue);
color: #fff;
}
.site-srp #list_simplepage .list_simple_box .list_detail dd{
color: #fff;
padding-right: 10px;
}
.site-srp #list_simplepage .list_simple_box .list_detail dd.dpoint3{
font-size: 18px;
padding-right: 10px;
}
.site-srp .page_navi_area a{
border: 0px!important;
}
@media screen and (min-width: 769px) {
.site-srp .nav-previous a img.archive-fudo {
padding-bottom: 2px;
}
}
.site-srp #list_simplepage article{
box-shadow: var(--header_shadow);
}
ul.breadcrumb {
padding-top: 10px;
}
.service__ttl {
position: relative;
text-align: center;
display: block;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
line-height: 1.2;
margin: 4rem auto 3rem;
padding: 0 2rem;
}
.up_mark, .new_mark,.page-mct h1.entry-title.property .new_mark,
.page-mct h1.entry-title.property .up_mark{
color: #FFF!important;
background: var(--theme-blue);
background: #e53434!important;
font-family:none !important;
text-shadow:none !important;
border-radius: 3px;
padding: 5px!important;
margin-left: 10px;
}
.page-mct h1.entry-title.property .new_mark,
.page-mct h1.entry-title.property .up_mark{
margin-left:10px;
font-size: 11px!important;
margin-left:10px;
display: inline-block!important;
margin-top: 0px;
width:none !important;
padding: 3px 5px !important;
}
.site-srp .list_simple_boxtitle .archive-entry-title div.new_mark ,
.site-srp .list_simple_boxtitle .archive-entry-title div.up_mark{
width: 20px !important;
padding: 4px 8px !important;
display: inline-block!important;
}
@media screen and (max-width: 768px) {
.page-mct #list_simplepage2{
padding: 0px;
}
}
/* s */
.arrow_bk{
position: relative;
display: inline-block;
padding: 0 0 0 16px;
color: #000;
vertical-align: middle;
text-decoration: none;
font-size: 15px;
}
.arrow_bk::before,
.arrow_bk::after{
position: absolute;
top: 0;
bottom: 0;
left: -2px;
margin: auto;
content: "";
vertical-align: middle;
}
.kakumaru_arrow::before{
width: 16px;
height: 16px;
border-radius: 25%;
background: var(--theme-blue);
}
.kakumaru_arrow::after{
left: 4px;
width: 4px;
height: 4px;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
transform: rotate(-45deg);
}
.archive-fudo .site-content .pageback{
float: right !important;
margin: 0px 15px 0 20px!important;
}
@media screen and (max-width: 768px) {
.site-scn #list_simplepage3 article {
padding: 30px 0px;
}
.site-scn table.form_jsearch{
width:100%;
table-layout:auto;
border-collapse:separate;
border: none;
}
.site-scn table.form_jsearch tr{
display:block;
width:100%;
margin:0 0 16px;
}
.site-scn table.form_jsearch th,
.site-scn table.form_jsearch td{
display:block;
width:100%;
box-sizing:border-box;
white-space:normal;
}
.site-scn table.form_jsearch th{
background: none;
border: none;
}
.site-scn table.form_jsearch li{
margin: 0;
}
.site-scn table.form_jsearch td{
padding:0px 5px;
}
.site-scn .add_conditions h3 {
margin: 5px;
}
.site-scn table.form_jsearch th[style*="width"],
.site-scn table.form_jsearch th{
width:auto !important;
}
.site-scn table.form_jsearch td.shiku ul,
.site-scn table.form_jsearch td.shubetsu ul,
.site-scn table.form_jsearch td.madori ul,
.site-scn table.form_jsearch td.hof ul,
.site-scn table.form_jsearch td.conditions ul,
.site-scn table.form_jsearch td.facilities ul{
display: grid;
grid-template-columns: repeat(2, 1fr);
padding: 0;
margin: 0;
list-style: none;
border-top: 1px solid #ccc;
border-right: none;
border-bottom: none;
}
table.form_jsearch td{
border-bottom: 0px !important;
}
.site-scn table.form_jsearch td.kakaku,
.site-scn table.form_jsearch td.chikunen,
.site-scn table.form_jsearch td.menseki{
border-bottom: 1px solid #a5a5a5!important;
border-top: 1px solid #a5a5a5!important;
}
.site-scn table.form_jsearch .menseki select ,
.site-scn table.form_jsearch .kakaku select {
width: 44%;
}
.site-scn table.form_jsearch td.shiku ul li,
.site-scn table.form_jsearch td.shubetsu ul li,
.site-scn table.form_jsearch td.kakaku ul li,
.site-scn table.form_jsearch td.madori ul li,
.site-scn table.form_jsearch td.hof ul li,
.site-scn table.form_jsearch td.conditions ul li,
.site-scn table.form_jsearch td.facilities ul li{
display: grid;
grid-template-columns: auto 1fr;
align-items: center;
box-sizing: border-box;
min-height: 48px;
padding: 5px;
font-size: .8rem;
border-right: 1px solid #a5a5a5;
border-bottom: 1px solid #a5a5a5;
border-top: none;
border-left: none;
}
.site-scn table.form_jsearch td ul li input[type="checkbox"]{
margin: 0;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 1.5em;
height: 1.5em;
margin: 0;
border: 2px solid #a5a5a5;
border-radius: 2px;
background: #fff;
font-size: 1em;
vertical-align: bottom;
cursor: pointer;
}
.site-scn table.form_jsearch td ul li input[type="radio"]{
transform: scale(1.3);
}
.site-scn table.form_jsearch td.shiku ul li label,
.site-scn table.form_jsearch td.shubetsu ul li label,
.site-scn table.form_jsearch td.kakaku ul li label,
.site-scn table.form_jsearch td.madori ul li label,
.site-scn table.form_jsearch td.hof ul li label,
.site-scn table.form_jsearch td.conditions ul li label,
.site-scn table.form_jsearch td.facilities ul li label{
display:block;
margin:0;
white-space: normal;
word-break: break-word;
line-height:1.4;
padding-left: 5px;
font-size: 15px;
color: #3c3c3c;
}
.site-scn table.form_jsearch td.shiku ul li label .count{
white-space:nowrap;
margin-left:.25em;
}
.site-scn table.form_jsearch td.shiku ul li:has(input[type="checkbox"]:checked){
border-color: var(--theme-blue, #4699D4);
background: #f0f7ff;
}
.site-scn table.form_jsearch td.shiku ul li:nth-child(2n),
.site-scn table.form_jsearch td.shubetsu ul li:nth-child(2n),
.site-scn table.form_jsearch td.madori ul li:nth-child(2n),
.site-scn table.form_jsearch td.hof ul li:nth-child(2n),
.site-scn table.form_jsearch td.conditions ul li:nth-child(2n),
.site-scn table.form_jsearch td.facilities ul li:nth-child(2n){
border-right: none;
}
.form_jsearch td.shiku ul li:nth-last-child(-n+2),
.form_jsearch td.shubetsu ul li:nth-last-child(-n+2),
.form_jsearch td.madori ul li:nth-last-child(-n+2),
.form_jsearch td.hof ul li:nth-last-child(-n+2),
.form_jsearch td.conditions ul li:nth-last-child(-n+2),
.form_jsearch td.facilities ul li:nth-last-child(-n+2){
border-bottom: none;
}
.site-scn table.form_jsearch th{
font-size: 16px;
}
.site-scn .add_conditions h3{
margin-left: 10px;
font-size: 18px;
}
.site-scn #list_simplepage3 article{
padding: 30px 0px;
}
.site-scn .form_jsearch .kakaku select,
.site-scn .form_jsearch .menseki select,.form_jsearch .chikunen select {
border: 2px solid #a5a5a5;
}
.site-scn .add_conditions h3{
margin: 15px 10px 0;
}
.site-scn #list_simplepage3 article{
padding: 20px 0px 30px 0px;
}
}
@media (max-width: 360px){
.site-scn table.form_jsearch td.shiku ul{
grid-template-columns: 1fr;
}
.form_jsearch .chikunen select{
width: 70%;
}
}
@media (max-width: 360px){
.site-scn table.form_jsearch td.shiku ul{
grid-template-columns: 1fr;
}
.form_jsearch .chikunen select{
width: 70%;
}
}
@media screen and (max-width: 768px) {
.site-scn table.form_jsearch tr {
background: #fff;
margin: 0px 0px 20px;
padding: 15px 0 0px;
}
.site-scn #list_simplepage3 article{
background-color: #f5f5f5 !important;
box-shadow:none !important;
padding: 0px 0px 30px 0px;
}
.site-scn table.form_jsearch ul{
margin: 10px 0 !important;
}
}
.site-srp #list_simplepage .list_simple_box .list_details_button{
max-width: 300px;
width: 100%;
}
@media screen and (max-width: 768px) {
.site-srp #list_simplepage .list_simple_box .list_details_button{
max-width: 220px;
}
}
.page-mct .icon-people{
max-width: 50px;
}
/* toppage */
:root {
--gray-shadow:0 2px 8px rgba(0, 0, 0, 0.1),
0 -1px 4px rgba(0, 0, 0, 0.05);
}
.hero-background {
position: relative;
width: 100vw;
height: 310px;
background-image: url('../../uploads/img/top_header_new.webp');
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
margin: 0 calc(50% - 50vw);
}
@media (min-width: 1920px) {
.hero-background {
max-width: 1920px;
margin: 0 auto;
left: 0;
right: 0;
}
}
.hero-wrapper {
position: relative;
background-color: #f5f5f5;
}
.hero-title-group {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 90%;
max-width: 800px;
text-align: center;
z-index: 2;
}
.hero-title {
font-size: 2.5rem;
font-weight: bold;
margin-bottom: 0.5rem;
line-height: 1.4;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
color: #fff;
}
.hero-subtitle {
font-size: 1.125rem;
opacity: 0.9;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
color: #fff;
}
.site-top-main .hero {
padding-top: 0;
margin: 0 calc(50% - 50vw);
background-image: none;
background-color: #f5f5f5;
}
.hero {
color: #ffffff;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
text-align: center;
padding: 0 20px 40px;
background-color: #f5f5f5;
}
.hero-content {
position: relative;
max-width: 1000px;
width: 100%;
margin-top: 0;
}
.map-container {
margin: 0 auto 50px;
padding: 40px;
background-color: #ffffffd4;
border-radius: 3px;
box-shadow: var(--button_shadow);
position: relative;
max-width: 1000px;
}
.background-map {
background: url('../../plugins/fudou/img/map_bluebk.png') no-repeat;
background-size: 600px 450px;
background-position: center;
position: relative;
min-height: 450px;
padding: 20px;
display: flex;
align-items: center;
justify-content: center;
}
.map-layout {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
position: relative;
}
.map-left {
display: flex;
flex-direction: column;
gap: 40px;
padding-left: 10px;
}
.map-right {
display: flex;
flex-direction: column;
gap: 40px;
padding-right: 10px;
}
.region {
margin-bottom: 8px;
display: flex;
align-items: flex-start;
}
.region-name {
width: 70px;
min-width: 70px;
font-size: 11px;
color: #333;
font-weight: bold;
padding-top: 4px;
line-height: 1.2;
}
.prefecture-list {
flex: 1;
display: flex;
flex-wrap: wrap;
gap: 10px;
align-items: flex-start;
}
.prefecture {
display: inline-block;
padding: 3px 8px;
border: 1px solid #2E86DE;
border-radius: 3px;
color: #2E86DE;
text-decoration: none;
font-size: 11px;
transition: background-color 0.2s;
background-color: #ffffff;
white-space: nowrap;
line-height: 1.4;
}
.prefecture:hover {
background-color: #f0f7ff;
}
.map-left .region:nth-child(1) { margin-bottom: 15px; }
.map-left .region:nth-child(2) { margin-bottom: 12px; }
.map-left .region:nth-child(3) { margin-bottom: 12px; }
.map-left .region:nth-child(4) { margin-bottom: 10px; }
.map-left .region:nth-child(5) { margin-bottom: 10px; }
.map-left .region:nth-child(6) { margin-bottom: 0; }
.map-right .region:nth-child(1) { margin-bottom: 12px; }
.map-right .region:nth-child(2) { margin-bottom: 10px; }
.map-right .region:nth-child(3) { margin-bottom: 10px; }
.map-right .region:nth-child(4) { margin-bottom: 8px; }
.map-right .region:nth-child(5) { margin-bottom: 0; }
.prefecture-list .prefecture {
border: none;
box-shadow: var(--header_shadow);
background-color: #4699D4;
color: #fff;
}
.prefecture-list .status-off {
color: #B3B2B2;
background: #EAEAEA;
box-shadow:0 2px 5px rgba(0, 0, 0, 0.2), 0 -1px 4px rgba(0, 0, 0, 0.05);
border: none;
}
.features {
margin: 50px 0 50px;
position: relative;
background-color: #f5f5f5;
}
.features .container {
text-align: center;
}
.features .features_header {
font-size: 24px;
font-weight: bold;
padding: 0 0 15px 0;
text-align: center;
display: inline-block;
position: relative;
margin: 0 0 20px;
}
.features .features_header::after {
content: '';
position: absolute;
bottom: 0;
left: 0%;
right: 0%;
height: 5px;
background: linear-gradient(90deg, rgba(68, 129, 235, 1) 0%, rgba(4, 190, 254, 1) 100%);
}
.features_logo {
width: 300px;
}
.features .point-area {
display: flex;
justify-content: space-between;
gap: 30px;
}
.features .point-area .point1,
.features .point-area .point2,
.features .point-area .point3 {
box-shadow: var(--gray-shadow);
background-color: #f5f5f5;
max-width: 300px;
width: 100%;
text-align: center;
padding: 30px;
border-radius: 3px;
}
.features .point-area img {
max-width: 70px;
margin: 0 0 10px 0;
}
.point-ttl {
font-weight: bold;
font-size: 20px;
margin: 10px 0;
}
.property-content {
margin: 50px 0;
}
.property-content > .container {
margin: 0 auto;
padding: 0;
width: 100%;
}
.attention-area {
margin: 0 auto;
width: 100%;
margin: 70px 0;
}
.attention-contents {
margin: 0 auto;
width: 100%;
max-width: 1000px;
}
.property-content .attention-contents .ranking-area-style {
display: flex;
background-color: #f5f5f5;
box-shadow: var(--gray-shadow);
width: 100%;
max-width: 1000px;
margin: 0 auto;
align-items: center;
flex-wrap: nowrap;
justify-content: space-between;
gap: 10px;
padding: 20px;
border-radius: 3px;
box-sizing: border-box;
}
.ranking-style .post-ttl {
display: flex;
width: 100%;
align-items: center;
margin: 0 !important;
}
.property-content .ranking-style .ranking {
width: 15%;
min-width: 30px;
padding-right: 10px;
}
.ranking-style .post-ttl h3 {
flex: 1;
margin: 0;
font-size: 14px;
font-weight: bold !important;
line-height: 1.4;
}
.sp-accordion {
width: 100%;
}
.accordion-item {
border-bottom: 1px solid #e0e0e0;
background-color: #ffffff;
}
.accordion-item input[type="checkbox"] {
display: none;
}
.accordion-header {
padding: 20px;
background-color: #f5f5f5;
border: none;
text-align: left;
font-size: 16px;
font-weight: bold;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
transition: background-color 0.3s;
box-shadow: var(--gray-shadow);
max-width: 900px;
}
.accordion-icon {
transition: transform 0.3s;
font-size: 12px;
}
.accordion-item input[type="checkbox"]:checked ~ label .accordion-icon {
transform: rotate(180deg);
}
.accordion-content {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease-out;
background-color: #f5f5f5;
}
.accordion-item input[type="checkbox"]:checked ~ .accordion-content {
max-height: 1000px;
transition: max-height 0.5s ease-in;
}
.accordion-content .region {
padding: 15px 20px;
border-bottom: 1px solid #e0e0e0;
}
.accordion-content .region:last-child {
border-bottom: none;
}
.accordion-content .region-name {
font-size: 14px;
font-weight: bold;
color: #333;
margin-bottom: 10px;
}
.accordion-content .prefecture-list {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.seach_free, .seach_ai {
background-color: #f5f5f5;
box-shadow: var(--header_shadow);
}
.seach_ai img {
width: 10%;
}
.monthly-info::before, .monthly-info::after {
display: none;
}
.seach_free_ai-area {
display: flex;
max-width: 1000px !important;
margin: 0 auto;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
gap: 5px;
border-radius: 3px;
}
.seach_free_ai .seach_free,
.seach_free_ai .seach_ai {
border-radius: 3px;
padding: 40px 40px;
background-color: #f5f5f5;
height: 80px;
}
.seach_free_ai .seach_free {
background-color: #f5f5f5;
color: #2b2b2b;
width: 40%;
}
.seach_free_ai .seach_ai {
background: var(--button-hover);
color: #fff;
display: grid;
place-items: center;
text-align: center;
width: 40%;
box-shadow: var(--header_shadow);
}
.seach_ai img {
width: 10%;
}
.seach_free_ai .seach_ai h3.point-ttl {
font-size: 25px;
}
.seach_free_ai .seach_free h3.point-ttl {
text-align: center;
}
.seach_ai-container {
display: flex;
flex-direction: column;
}
.monthly-ttl {
background: none !important;
border-bottom: 5px solid transparent;
-o-border-image: linear-gradient(90deg, rgba(68, 129, 235, 1) 0%, rgba(4, 190, 254, 1) 100%);
border-image: linear-gradient(90deg, rgba(68, 129, 235, 1) 0%, rgba(4, 190, 254, 1) 100%);
border-image-slice: 1;
display: inline-block !important;
font-weight: bold;
font-size: 30px;
margin: 10px auto 20px;
padding-bottom: 10px;
}
.monthly-info {
margin: 50px 0;
text-align: center;
}
.monthly-info .monthly-container {
text-align: center;
margin: 0 auto;
max-width: 1000px;
padding: 20px;
box-shadow: var(--gray-shadow);
}
.monthly-info .info-txt {
font-size: 18px;
text-align: left;
line-height: 1.8;
}
/* 新着物件セクション */
.new-property {
max-width: 1000px;
padding: 0 20px;
}
.new-property .point-ttl {
text-align: center;
margin: 0 0 40px;
font-size: 24px;
font-weight: bold;
}
.multiple-items {
margin: 0 -15px;
position: relative;
padding: 0 60px;
}
.multiple-items .slick-slide {
margin: 15px;
}
.multiple-items .slick-list {
margin: 0 -15px;
}
.property-card {
background: #f5f5f5;
border-radius: 3px;
box-shadow: var(--gray-shadow);
overflow: hidden;
margin: 10px 0;
display: flex;
flex-direction: column;
height: 100%;
min-height: 600px;
transition: transform 0.3s ease;
}
.property-card-link {
display: flex;
flex-direction: column;
height: 100%;
text-decoration: none;
color: inherit;
}
.property-card-info {
padding: 15px;
background: #f5f5f5;
flex: 1;
display: flex;
flex-direction: column;
}
.property-card-image {
position: relative;
width: 100%;
padding-top: 75%;
overflow: hidden;
background: #f0f0f0;
border-radius: 3px 3px 0 0;
}
.property-card-image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.property-card-badge {
position: absolute;
bottom: 10px;
left: 10px;
background: rgba(0, 0, 0, 0.6);
color: #fff;
padding: 4px 8px;
border-radius: 3px;
font-size: 12px;
}
.property-card-title {
font-size: 16px;
font-weight: bold;
margin: 0 0 10px;
line-height: 1.4;
color: #333;
min-height: 44px;
}
.property-card-price {
background: #4699D4;
color: #fff;
padding: 8px 12px;
border-radius: 3px;
font-size: 14px;
font-weight: bold;
margin: 0 0 15px;
text-align: center;
}
.property-card-detail {
display: flex;
align-items: flex-start;
gap: 10px;
margin-bottom: 10px;
font-size: 13px;
line-height: 1.6;
}
.property-card-detail:nth-of-type(2) {
border-bottom: 1px solid #CFCECE;
padding-bottom: 10px;
margin-bottom: 10px;
}
.property-card-detail-label {
flex-shrink: 0;
font-weight: bold;
color: #666;
min-width: 50px;
}
.property-card-detail-value {
color: #333;
}
.property-card-button {
display: block;
width: 85%;
margin: auto auto 0;
box-sizing: border-box;
padding: 0.8em 0em;
text-align: center;
color: #000;
background: url("data:image/svg+xml;utf8,") right 15px center/15px 15px no-repeat, #fff;
border: none;
border-radius: 9999px;
box-shadow: var(--button_shadow);
font-size: 0.9rem;
font-weight: 500;
line-height: 1;
cursor: pointer;
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
transition: background-color .3s ease, color .3s ease, box-shadow .3s ease;
white-space: nowrap;
margin-top: auto;
}
.property-card:hover{
transform: translateY(-5px);
}
.property-card-button:hover {
color: #fff;
background: url("data:image/svg+xml;utf8,") right 15px center/15px 15px no-repeat, var(--button-hover);
}
.property-card-link:hover .property-card-image::after {
opacity: 1;
}
.property-card-image::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.3);
opacity: 0;
transition: opacity 0.3s ease;
}
.multiple-items .slick-prev,
.multiple-items .slick-next,
.kodawari-slider .slick-prev,
.kodawari-slider .slick-next {
width: 30px;
height: 30px;
z-index: 10;
background: #fff;
border-radius: 50%;
box-shadow: var(--header_shadow);
}
.multiple-items .slick-prev:before,
.multiple-items .slick-next:before,
.kodawari-slider .slick-prev:before,
.kodawari-slider .slick-next:before {
content: '';
position: absolute;
width: 8px;
height: 8px;
border-top: 2px solid #666666;
border-right: 2px solid #666666;
}
.multiple-items .slick-prev:before,
.kodawari-slider .slick-prev:before {
left: 11px;
top: 9px;
transform: rotate(-135deg);
}
.multiple-items .slick-next:before,
.kodawari-slider .slick-next:before {
right: 11px;
top: 9px;
transform: rotate(45deg);
}
.multiple-items .slick-prev,
.kodawari-slider .slick-prev {
left: 20px;
}
.multiple-items .slick-next,
.kodawari-slider .slick-next {
right: 20px;
}
.multiple-items .slick-prev:hover,
.multiple-items .slick-next:hover,
.kodawari-slider .slick-prev:hover,
.kodawari-slider .slick-next:hover {
background: #666666;
}
.multiple-items .slick-prev:hover:before,
.multiple-items .slick-next:hover:before,
.kodawari-slider .slick-prev:hover:before,
.kodawari-slider .slick-next:hover:before {
border-color: #fff;
}
.multiple-items .slick-dots,
.kodawari-slider .slick-dots {
bottom: -10px;
display: flex !important;
justify-content: center;
gap: 8px;
width: 100%;
left: 0;
right: 0;
margin: 0 auto;
position: absolute;
}
.multiple-items .slick-dots li,
.kodawari-slider .slick-dots li {
width: 10px;
height: 10px;
margin: 0;
}
.multiple-items .slick-dots li button,
.kodawari-slider .slick-dots li button {
width: 10px;
height: 10px;
padding: 0;
}
.multiple-items .slick-dots li button:before,
.kodawari-slider .slick-dots li button:before {
content: '';
width: 10px;
height: 10px;
background: #ccc;
border-radius: 50%;
opacity: 1;
}
.multiple-items .slick-dots li.slick-active button:before,
.kodawari-slider .slick-dots li.slick-active button:before {
background: #666666;
}
/* こだわりから探すセクション */
.kodawari-section {
max-width: 1100px;
margin: 50px auto;
padding: 0 20px;
}
.kodawari-container .point-ttl {
text-align: center;
margin: 0 0 40px;
font-size: 24px;
font-weight: bold;
}
.kodawari-slider {
margin: 0 -15px;
position: relative;
padding: 0 60px;
}
.kodawari-slider .slick-slide {
margin: 0 15px;
}
.kodawari-card {
overflow: hidden;
border-radius: 3px;
box-shadow: var(--gray-shadow);
transition: transform 0.3s ease;
background-color: #f5f5f5;
}
.kodawari-card:hover {
transform: translateY(-5px);
}
.kodawari-card-link {
display: block;
text-decoration: none;
color: inherit;
position: relative;
}
.kodawari-card-link:hover .kodawari-card-image::after {
opacity: 1;
}
.kodawari-card-image {
position: relative;
width: 100%;
padding-top: 56.25%;
overflow: hidden;
}
.kodawari-card-image::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.3);
opacity: 0;
transition: opacity 0.3s ease;
}
.kodawari-card-image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.kodawari-card-text {
padding: 15px;
text-align: left;
position: relative;
}
.kodawari-card-text span {
font-size: 16px;
font-weight: bold;
color: #333;
display: flex;
justify-content: flex-start;
}
.kodawari-card-text span::after {
content: '›';
margin-left: 8px;
font-size: 20px;
color: #666;
}
/* 新着情報セクション */
.news-section {
max-width: 1000px;
margin: 50px auto;
padding: 0 20px;
}
.news-section .point-ttl {
text-align: center;
margin: 0 0 10px;
font-size: 24px;
font-weight: bold;
}
.news-list {
background: #f5f5f5;
border-radius: 3px;
box-shadow: var(--gray-shadow);
overflow: hidden;
}
.news-item {
display: grid;
grid-template-columns: 120px 100px 1fr;
gap: 20px;
padding: 20px 30px;
border-bottom: 1px solid #CFCECE;
align-items: center;
transition: background-color 0.3s ease;
}
.news-item:last-child {
border-bottom: none;
}
.news-item:hover {
background: #ffffff;
}
.news-date {
font-size: 14px;
font-weight: bold;
color: #333;
}
.news-category {
display: inline-block;
padding: 4px 8px;
background: #4699D4;
color: #fff;
font-size: 12px;
font-weight: bold;
border-radius: 3px;
text-align: center;
}
.news-title {
font-size: 14px;
color: #333;
line-height: 1.6;
}
.news-more-wrapper {
text-align: right;
margin-top: 15px;
}
.new-column {
margin: 50px 0;
max-width: 1000px;
margin: 50px auto;
padding: 0 20px;
}
.column-section {
margin-bottom: 80px;
}
.column-section:last-child {
margin-bottom: 0;
}
.new-column .point-ttl {
text-align: center;
margin: 0 0 30px;
font-size: 24px;
font-weight: bold;
}
.column-post-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
margin-bottom: 30px;
}
.column-post-item {
display: block;
background: #f5f5f5;
border-radius: 3px;
overflow: hidden;
box-shadow: var(--gray-shadow);
transition: transform 0.3s ease, box-shadow 0.3s ease;
text-decoration: none;
color: inherit;
}
.column-post-item:hover {
transform: translateY(-5px);
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
}
.column-post-thumbnail {
position: relative;
width: 100%;
padding-top: 60%;
overflow: hidden;
background: #f0f0f0;
}
.column-post-thumbnail img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.column-post-content {
padding: 15px;
}
.column-category {
display: inline-block;
padding: 4px 12px;
background: #4699D4;
color: #fff;
font-size: 11px;
font-weight: bold;
border-radius: 3px;
margin-bottom: 10px;
}
.column-post-title {
font-size: 14px;
font-weight: bold;
line-height: 1.5;
margin: 0;
color: #333;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.column-more-wrapper {
text-align: right;
margin-top: 20px;
}
.column-more-link {
display: inline-flex;
align-items: center;
gap: 10px;
text-decoration: none;
color: #333;
font-weight: 500;
transition: all 0.3s ease;
}
.more-text {
font-size: 16px;
}
.more-arrow {
width: 30px;
height: 30px;
background: #fff;
border-radius: 50%;
box-shadow: var(--header_shadow);
position: relative;
transition: all 0.3s ease;
}
.more-arrow::before {
content: '';
position: absolute;
width: 8px;
height: 8px;
border-top: 2px solid #666666;
border-right: 2px solid #666666;
right: 11px;
top: 10px;
transform: rotate(45deg);
transition: border-color 0.3s ease;
}
.column-more-link:hover .more-arrow {
background: #666666;
}
.column-more-link:hover .more-arrow::before {
border-color: #fff;
}
.column-more-link:hover {
color: #666666;
}
/* PC時はFVボタン非表示 */
@media (min-width: 769px) {
.fv-buttons {
display: none;
}
.sp-container {
display: none;
}
}
/* レスポンシブ */
@media (max-width: 768px) {
.hero-wrapper {
padding: 0 10px;
}
.hero {
display: none;
}
.map-container {
display: none;
}
.sp-container {
padding: 70px 0 50px 0;
}
.fv-buttons {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 10;
display: flex;
flex-direction: column;
gap: 12px;
width: calc(100% - 20px);
max-width: 350px;
}
.fv-button {
display: flex;
align-items: center;
justify-content: center;
padding: 12px 20px;
background: #fff;
color: #333;
text-decoration: none;
border-radius: 3px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
font-weight: 500;
transition: all 0.3s ease;
font-size: 14px;
position: relative;
}
.fv-button:hover {
background: var(--button-hover);
color: #fff;
}
.fv-button span {
flex: 1;
text-align: center;
}
.fv-button::after {
content: '▼';
position: absolute;
right: 15px;
font-size: 10px;
}
.fv-button-content {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
}
.fv-button img {
width: 18px;
height: 18px;
}
.hero-title {
font-size: 1.8rem;
}
.hero-subtitle {
font-size: 1rem;
}
.monthly-ttl {
font-size: 24px;
margin: 0 0 20px 0px;
padding: 0 0 5px 0;
}
.features {
margin: 50px 0;
}
.features .features_header {
font-size: 20px;
padding: 0 0 10px 0;
margin: 50px 0 0;
}
.features .features_header::after {
height: 3px;
}
.features_logo {
max-width: 260px;
width: 100%;
}
.features .point-area {
display: block;
}
.features .point-area .point1,
.features .point-area .point2,
.features .point-area .point3 {
max-width: 100%;
margin: 20px 0;
padding: 10px 0;
}
.property-content {
margin: 50px 0;
}
.property-content .attention-contents .ranking-area-style {
display: flex;
flex-direction: column;
gap: 10px;
padding: 20px;
width: calc(100% - 20px);
margin: 0 10px;
}
.ranking-style .post-ttl {
width: 100%;
}
.property-content .ranking-style .ranking {
width: 12%;
}
.ranking-style:nth-child(4) .ranking,
.ranking-style:nth-child(5) .ranking {
width: 10.8%;
transform: scale(0.9);
}
.ranking-style .post-ttl h3 {
font-size: 12px;
}
.attention-area,
.new-property {
margin: 70px 0;
}
.monthly-info .info-txt {
padding: 0px;
font-size: 14px;
}
.seach_free_ai-area {
flex-direction: column;
gap: 16px;
padding: 20px 0;
margin: 0;
}
.seach_free_ai .seach_free,
.seach_free_ai .seach_ai {
width: calc(100% - 20px);
margin: 0 10px;
padding: 20px 16px;
}
.new-property {
margin: 0px 0;
padding: 0;
}
.new-property .point-ttl {
font-size: 20px;
margin: 0px;
padding: 0px;
}
.multiple-items .slick-slide {
width: 100%;
}
.multiple-items .slick-track {
display: flex;
padding-bottom: 10px;
}
.multiple-items .slick-list {
overflow: hidden;
margin: 0;
}
.property-card {
min-height: auto;
}
.property-card-button {
width: 90%;
}
.multiple-items .slick-prev,
.multiple-items .slick-next,
.kodawari-slider .slick-prev,
.kodawari-slider .slick-next {
width: 30px;
height: 30px;
}
.multiple-items .slick-prev:before,
.kodawari-slider .slick-prev:before {
left: 12px;
top: 10px;
width: 6px;
height: 6px;
}
.multiple-items .slick-next:before,
.kodawari-slider .slick-next:before {
right: 12px;
top: 10px;
width: 6px;
height: 6px;
}
.multiple-items .slick-prev,
.kodawari-slider .slick-prev {
left: 15px;
}
.multiple-items .slick-next,
.kodawari-slider .slick-next {
right: 15px;
}
.slick-dots {
width: 80%;
}
.kodawari-section {
margin: 50px 0;
padding: 0;
}
.kodawari-container .point-ttl {
font-size: 20px;
margin: 0 0 20px;
padding: 0 10px;
}
.kodawari-slider {
margin: 0;
padding: 0 50px;
}
.news-section {
padding: 0;
margin: 70px 0 50px 0;
}
.news-section .point-ttl {
font-size: 20px;
margin: 0 0 20px;
padding: 0 10px;
}
.news-list {
margin: 0 10px;
}
.news-item {
grid-template-columns: 1fr;
gap: 10px;
padding: 15px 20px;
}
.news-date {
font-size: 13px;
}
.news-category {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.news-title {
font-size: 13px;
}
.news-more-wrapper {
text-align: center;
padding: 0 10px;
}
.new-column {
padding: 0;
}
.column-section {
margin-bottom: 60px;
}
.new-column .point-ttl {
font-size: 20px;
margin: 0 0 20px;
padding: 0 10px;
}
.column-post-grid {
grid-template-columns: repeat(2, 1fr);
gap: 15px;
margin-bottom: 20px;
padding: 0px;
}
.column-post-item:nth-child(3) {
display: none;
}
.column-post-content {
padding: 12px;
}
.column-category {
font-size: 10px;
padding: 3px 6px;
}
.column-post-title {
font-size: 13px;
}
.column-more-wrapper {
text-align: center;
padding: 0 10px;
}
.more-text {
font-size: 14px;
}
.more-arrow {
width: 20px;
height: 20px;
}
.more-arrow::before {
width: 5px;
height: 5px;
right: 8px;
top: 7px;
}
.property-card-info{
padding: 10px;
}
}
/* SPの修正 */
@media (max-width: 768px) {
.hero-wrapper {
padding: 0 10px;
}
.hero-title-group {
top: 35%;
}
.hero {
display: none;
}
.map-container {
display: none;
}
.sp-container {
padding: 70px 0 50px 0;
}
.fv-buttons {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 10;
display: flex;
flex-wrap: wrap;
gap: 12px;
width: calc(100% - 20px);
max-width: 350px;
}
.fv-button {
display: flex;
align-items: center;
justify-content: center;
padding: 12px 16px;
background: #fff;
color: #333;
text-decoration: none;
border-radius: 3px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
font-weight: 500;
transition: all 0.3s ease;
font-size: 14px;
position: relative;
flex: 1;
min-width: calc(50% - 6px);
}
.fv-button:nth-child(3) {
flex: 1 1 100%;
}
.fv-button:hover {
background: var(--button-hover);
color: #fff;
}
.fv-button span {
flex: 1;
text-align: center;
}
.fv-button::after {
content: '▼';
position: absolute;
right: 12px;
font-size: 10px;
transition: transform 0.3s;
}
.fv-button.ai-button::after {
display: none;
}
.fv-button-content {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
}
.fv-button img {
width: 18px;
height: 18px;
}
.seach_free_ai-area {
flex-direction: column;
gap: 16px;
padding: 20px 10px;
margin: 0;
}
.seach_free_ai .seach_free,
.seach_free_ai .seach_ai {
width: 100%;
margin: 0;
padding: 20px 16px;
}
.property-content .attention-contents .ranking-area-style {
display: flex;
flex-direction: column;
gap: 10px;
padding: 20px;
width: calc(100% - 20px);
margin: 0 auto;
align-items: center;
}
.ranking-style .post-ttl {
justify-content: center;
}
}
/* サブフッター */
.sub-footer {
background-color: #f5f5f5;
padding: 40px 20px;
border-top: 1px solid #ddd;
}
.sub-footer-container {
max-width: 1200px;
margin: 0 auto;
}
.sub-footer-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 30px;
}
.sub-footer-region {
display: flex;
gap: 20px;
}
.sub-footer-region-name {
font-weight: bold;
font-size: 14px;
color: #333;
min-width: 80px;
}
.sub-footer-prefectures {
display: flex;
flex-wrap: wrap;
gap: 10px;
flex: 1;
}
.sub-footer-prefecture.status-on {
text-decoration: underline;
font-size: 13px;
transition: color 0.3s ease;
}
.sub-footer-prefecture.status-on:hover {
color: #378CE7;
}
.sub-footer-prefecture.status-off {
color: #B3B2B2;
text-decoration: none;
cursor: not-allowed;
pointer-events: none;
border: none;
background: none;
}
@media (max-width: 768px) {
.sub-footer {
padding: 30px 15px;
}
.sub-footer-grid {
grid-template-columns: 1fr;
gap: 25px;
}
.sub-footer-region {
flex-direction: column;
gap: 10px;
}
.sub-footer-region-name {
min-width: auto;
}
}
@media (max-width: 768px) {
.fv-buttons {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 10;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
width: calc(100% - 20px);
max-width: 350px;
}
.fv-button {
display: flex;
align-items: center;
justify-content: center;
padding: 12px 16px;
background: #fff;
color: #333;
text-decoration: none;
border-radius: 3px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
font-weight: 500;
transition: all 0.3s ease;
font-size: 13px;
position: relative;
}
.fv-button:nth-child(3) {
grid-column: 1 / -1;
}
.fv-button:hover {
background: var(--button-hover);
color: #fff;
}
.fv-button span {
flex: 1;
text-align: center;
}
.fv-button::after {
content: '▼';
position: absolute;
right: 12px;
font-size: 10px;
transition: transform 0.3s;
}
.fv-button.ai-button::after {
display: none;
}
.fv-button-content {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
}
.fv-button img {
width: 20px;
height: 20px;
}
.seach_free_ai-area {
flex-direction: column;
gap: 16px;
padding: 20px 10px;
margin: 0;
box-sizing: border-box;
width: 100%;
}
.seach_free_ai .seach_free,
.seach_free_ai .seach_ai {
width: 100%;
margin: 0;
padding: 20px 16px;
box-sizing: border-box;
}
}
.hero-background {
position: relative;
width: 100vw;
margin-left: calc(50% - 50vw);
height: 310px;
background-image: url('../../uploads/img/top_header_new.webp');
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
}
@media (min-width: 1920px) {
.hero-background {
background-size: 1920px auto;
background-position: center top;
}
}
@media (max-width: 768px) {
.hero-title-group {
position: absolute;
top: 35%;
left: 50%;
transform: translate(-50%, -50%);
width: 90%;
max-width: 800px;
text-align: center;
z-index: 1;
}
.fv-buttons {
position: absolute;
top: 75%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 10;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
width: calc(100% - 50px);
max-width: 350px;
}
}
@media (max-width: 768px) {
.fv-button {
display: flex;
align-items: center;
justify-content: center;
padding: 12px 16px;
background: #fff;
color: #333;
text-decoration: none;
border-radius: 3px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
font-weight: 500;
transition: all 0.3s ease;
font-size: 13px;
position: relative;
}
.fv-button::after {
content: '';
position: absolute;
right: 20px;
width: 6px;
height: 6px;
border-right: 1px solid #333;
border-bottom: 1px solid #333;
transform: rotate(45deg);
transition: all 0.3s;
}
.fv-button:hover::after {
border-color: #fff;
}
.fv-button.ai-button::after {
display: none;
}
}
@media (max-width: 768px) {
.seach_free_ai-area {
flex-direction: column;
gap: 30px;
padding: 0px;
margin: 0;
box-sizing: border-box;
width: 100%;
}
.seach_free_ai .seach_free,
.seach_free_ai .seach_ai {
width: 100%;
margin: 0;
padding: 30px 20px;
box-sizing: border-box;
min-height: 120px;
display: flex;
flex-direction: column;
justify-content: center;
}
.seach_free_ai .seach_free {
background-color: #f5f5f5;
color: #2b2b2b;
}
.seach_free_ai .seach_ai {
background: var(--button-hover);
color: #fff;
}
.seach_free_ai .seach_free h3.point-ttl,
.seach_free_ai .seach_ai h3.point-ttl {
margin: 10px 0 0;
text-align: center;
}
.seach_free_ai .seach_free p,
.seach_free_ai .seach_ai p {
margin: 0 0 10px;
text-align: center;
font-size: 14px;
}
.seach_ai-container {
display: flex;
flex-direction: column;
align-items: center;
}
.seach_ai-container p {
font-size: 12px;
}
.property-content .attention-contents .ranking-area-style {
display: flex;
flex-direction: column;
gap: 10px;
padding: 20px;
width: calc(100% - 20px);
margin: 0 auto;
align-items: stretch;
}
.ranking-style {
width: 100%;
}
.ranking-style .post-ttl {
display: flex;
align-items: center;
justify-content: flex-start;
width: 100%;
margin: 0 !important;
}
.property-content .ranking-style .ranking {
width: auto;
min-width: 40px;
padding-right: 15px;
flex-shrink: 0;
}
.ranking-style .post-ttl h3 {
flex: 1;
margin: 0;
font-size: 12px;
font-weight: bold !important;
line-height: 1.4;
text-align: left;
}
.ranking-style:nth-child(4) .ranking,
.ranking-style:nth-child(5) .ranking {
width: auto;
transform: scale(0.9);
}
}
@media (max-width: 768px) {
.property-content .attention-contents .ranking-area-style {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: auto auto auto;
gap: 10px;
padding: 20px;
width:100%;
margin: 0px;
background-color: #f5f5f5;
box-shadow: var(--gray-shadow);
border-radius: 3px;
}
.ranking-style:nth-child(1) {
grid-column: 1;
grid-row: 1;
}
.ranking-style:nth-child(2) {
grid-column: 1;
grid-row: 2;
}
.ranking-style:nth-child(3) {
grid-column: 1;
grid-row: 3;
}
.ranking-style:nth-child(4) {
grid-column: 2;
grid-row: 1;
}
.ranking-style:nth-child(5) {
grid-column: 2;
grid-row: 2;
}
.ranking-style {
width: 100%;
}
.ranking-style .post-ttl {
display: flex;
align-items: center;
justify-content: flex-start;
width: 100%;
margin: 0 !important;
}
/* ランキング画像のサイズ統一 */
.property-content .ranking-style .ranking {
width: 50px;
height: 50px;
padding-right: 10px;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
}
.property-content .ranking-style .ranking img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.ranking-style .post-ttl h3 {
flex: 1;
margin: 0;
font-size: 13px;
font-weight: bold !important;
line-height: 1.4;
text-align: left;
}
.ranking-style:nth-child(4) .ranking,
.ranking-style:nth-child(5) .ranking {
width: 50px;
height: 50px;
transform: none;
}
}
@media (max-width: 768px) {
.property-content .ranking-style .ranking {
padding-right: 10px;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
}
.property-content .ranking-style img.ranking {
max-height: 35px;
width: auto !important;
height: auto !important;
-o-object-fit: contain;
object-fit: contain;
}
.ranking-style:nth-child(4) img.ranking,
.ranking-style:nth-child(5) img.ranking {
max-height: 25px;
padding: 5px 0;
width: auto !important;
height: auto !important;
}
}
.multiple-items,
.kodawari-slider {
margin: 0 -15px;
position: relative;
padding: 0 50px;
}
.multiple-items .slick-slide,
.kodawari-slider .slick-slide {
margin: 0 5px;
}
.property-card,
.kodawari-card {
margin: 0;
}
@media (max-width: 768px) {
.fv-buttons {
position: absolute;
top: 75%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 10;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 8px;
width: calc(100% - 100px);
max-width: 350px;
}
.fv-button {
display: flex;
align-items: center;
justify-content: center;
padding: 10px 14px;
background: #fff;
color: #333;
text-decoration: none;
border-radius: 8px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
font-weight: 500;
transition: all 0.3s ease;
font-size: 14px;
position: relative;
}
.fv-button:nth-child(3) {
grid-column: 1 / -1;
}
.fv-button:hover {
background: var(--button-hover);
color: #fff;
}
.fv-button span {
flex: 1;
text-align: center;
}
.fv-button::after {
content: '';
position: absolute;
right: 15px;
width: 6px;
height: 6px;
border-right: 1px solid #333;
border-bottom: 1px solid #333;
transform: rotate(45deg);
transition: all 0.3s;
}
.fv-button:hover::after {
border-color: #fff;
}
.fv-button.ai-button::after,
#ai-search-button::after {
display: none !important;
}
.fv-button-content {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
}
.fv-button img {
width: 20px;
height: 20px;
}
}
.primary-navigation li:hover > a,
.primary-navigation li.focus > a {
background-color: transparent;
}
.primary-navigation li a {
position: relative;
transition: all 0.3s ease;
}
.primary-navigation li a::after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 3px;
background: linear-gradient(90deg, rgba(68, 129, 235, 1) 0%, rgba(4, 190, 254, 1) 100%);
transition: width 0.3s ease;
}
.primary-navigation li:hover > a::after,
.primary-navigation li.focus > a::after {
width: 80%;
}
.new-property {
max-width: 1000px;
padding: 0 20px;
}
.new-property .point-ttl {
text-align: center;
margin: 0 0 20px;
font-size: 24px;
font-weight: bold;
}
.multiple-items {
margin: 0;
position: relative;
padding: 0 50px;
}
.multiple-items .slick-slide {
padding: 0 10px;
box-sizing: border-box;
}
.multiple-items .slick-list {
margin: 0;
overflow: visible;
padding-bottom: 20px;
}
.property-card {
background: #f5f5f5;
border-radius: 3px;
box-shadow: var(--gray-shadow);
overflow: visible;
margin: 10px 0;
display: flex;
flex-direction: column;
height: 100%;
min-height: 600px;
}
.kodawari-section {
max-width: 1100px;
margin: 50px auto;
padding: 0 20px;
}
.kodawari-slider {
margin: 0;
position: relative;
padding: 0 50px;
}
.kodawari-slider .slick-slide {
padding: 0 10px;
box-sizing: border-box;
}
.kodawari-slider .slick-list {
margin: 0;
overflow: visible;
padding-bottom: 20px;
}
.kodawari-card {
overflow: hidden;
border-radius: 8px;
box-shadow: var(--gray-shadow);
transition: transform 0.3s ease;
}
@media (max-width: 768px) {
.new-property {
margin: 50px 0;
padding: 0px;
}
.new-property .point-ttl {
font-size: 20px;
margin: 0 0 20px;
padding: 0px;
}
.multiple-items .slick-track {
display: flex;
}
.multiple-items .slick-list {
overflow: hidden;
margin: 0;
}
.property-card {
min-height: auto;
}
.property-card-button {
width: 90%;
}
.kodawari-section {
margin: 50px 0;
padding: 0;
}
.kodawari-container .point-ttl {
font-size: 20px;
margin: 0 0 20px;
padding: 0 10px;
}
.kodawari-slider {
margin: 0;
padding: 0 50px;
}
.kodawari-slider .slick-slide {
padding: 0 5px;
}
}
.new-property {
max-width: 1000px;
padding: 0 20px;
}
.new-property .point-ttl {
text-align: center;
margin: 0 0 20px;
font-size: 24px;
font-weight: bold;
}
.multiple-items {
margin: 0;
position: relative;
padding: 0 50px;
}
.multiple-items .slick-slide {
padding: 0 0px;
box-sizing: border-box;
}
.multiple-items .slick-list {
margin: 0;
overflow: hidden;
padding-bottom: 20px;
}
.property-card {
background: #f5f5f5;
border-radius: 3px;
box-shadow: var(--gray-shadow);
overflow: visible;
margin: 10px 0;
display: flex;
flex-direction: column;
height: 100%;
min-height: 600px;
}
.kodawari-section {
max-width: 1200px;
margin: 50px auto;
padding: 0 0px;
}
.kodawari-slider {
margin: 0;
position: relative;
padding: 0 50px;
}
.kodawari-slider .slick-slide {
padding: 0 0px;
box-sizing: border-box;
}
.kodawari-slider .slick-list {
margin: 0;
overflow: hidden;
padding-bottom: 20px;
}
.kodawari-card {
overflow: hidden;
border-radius: 8px;
box-shadow: var(--gray-shadow);
transition: transform 0.3s ease;
}
.primary-navigation li:hover > a,
.primary-navigation li.focus > a {
background-color: transparent;
}
.primary-navigation li a {
position: relative;
transition: all 0.3s ease;
padding-bottom: 8px;
}
.primary-navigation li a::after {
content: '';
position: absolute;
bottom: 5px;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 3px;
background: linear-gradient(90deg, rgba(68, 129, 235, 1) 0%, rgba(4, 190, 254, 1) 100%);
transition: width 0.3s ease;
}
.primary-navigation li:hover > a::after,
.primary-navigation li.focus > a::after {
width: 80%;
}
.primary-navigation li a:hover {
color: inherit;
}
.sub-footer {
background-color: #f5f5f5;
padding: 40px 20px;
border-top: 1px solid #ddd;
}
.sub-footer-container {
max-width: 1200px;
margin: 0 auto;
}
.sub-footer-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 30px;
}
.sub-footer-region {
display: flex;
gap: 20px;
margin-bottom: 20px;
}
.sub-footer-region-name {
font-weight: bold;
font-size: 14px;
color: #333;
min-width: 80px;
flex-shrink: 0;
}
.sub-footer-prefectures {
display: flex;
flex-wrap: wrap;
gap: 10px;
flex: 1;
}
@media (max-width: 768px) {
.sub-footer {
padding: 30px 15px;
}
.sub-footer-grid {
grid-template-columns: 1fr;
gap: 25px;
}
.sub-footer-region {
flex-direction: column;
gap: 10px;
margin-bottom: 15px;
}
.sub-footer-region-name {
min-width: auto;
}
}
.primary-navigation li a::after {
content: '';
position: absolute;
bottom: 25px;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 3px;
background: linear-gradient(90deg, rgba(68, 129, 235, 1) 0%, rgba(4, 190, 254, 1) 100%);
transition: width 0.3s ease;
}
.sub-footer {
background-color: #f5f5f5;
padding: 40px 20px;
border-top: 1px solid #ddd;
clear: both;
width: 100%;
}
.sub-footer-container {
max-width: 1200px;
margin: 0 auto;
}
.sub-footer-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 30px;
}
.sub-footer-region {
display: flex;
gap: 20px;
margin-bottom: 20px;
}
.sub-footer-region-name {
font-weight: bold;
font-size: 14px;
color: #333;
min-width: 80px;
flex-shrink: 0;
}
.sub-footer-prefectures {
display: flex;
flex-wrap: wrap;
gap: 10px;
flex: 1;
}
.sub-footer-prefecture {
color: #000;
text-decoration: underline;
font-size: 13px;
transition: color 0.3s ease;
cursor: pointer;
}
@media (max-width: 768px) {
.sub-footer {
padding: 30px 15px;
}
.sub-footer-grid {
grid-template-columns: 1fr;
gap: 25px;
}
.sub-footer-region {
flex-direction: column;
gap: 10px;
margin-bottom: 15px;
}
.sub-footer-region-name {
min-width: auto;
}
}
.sub-footer {
background-color: #f5f5f5;
padding: 40px 20px;
border-top: 1px solid #ddd;
clear: both;
width: 100%;
float: none;
display: block;
}
a.post-ttl {
color: #000;
}
.sub-footer {
background-color: #f5f5f5;
padding: 40px 20px;
border-top: 1px solid #ddd;
clear: both;
width: 100%;
max-width: 100%;
box-sizing: border-box;
float: none;
display: block;
}
.features,
.property-content,
.seach_free_ai,
.kodawari-section,
.monthly-info {
margin: 70px 0 0;
}
.news-section{
margin: 90px 0 70px 0;
}
.features {
margin-top: 0;
}
.ranking-style .post-ttl h3 {
flex: 1;
margin: 0;
font-size: 14px;
font-weight: bold !important;
line-height: 1.4;
color: #000;
}
@media (max-width: 768px) {
.hero-wrapper {
padding: 0 10px;
box-sizing: border-box;
overflow: hidden;
}
.features,
.property-content,
.seach_free_ai,
.kodawari-section,
.news-section,
.new-column,
.monthly-info,
.sp-container {
margin: 70px 0 0;
}
.sp-container {
margin-top: 0;
padding: 70px 0 0 0;
}
.multiple-items .slick-prev,
.kodawari-slider .slick-prev {
left: 3px;
}
.multiple-items .slick-next,
.kodawari-slider .slick-next {
right: 3px;
}
.ranking-style .post-ttl h3 {
font-size: 12px;
color: #000;
}
.sub-footer {
padding: 30px 15px;
margin: 50px 0 0;
}
}
.property-content .ranking-style .post-ttl h3,
.attention-area .ranking-style .post-ttl h3,
.ranking-area-style .ranking-style .post-ttl h3,
#main-content .ranking-style .post-ttl h3 {
color: #000 !important;
}
@media (max-width: 768px) {
.property-content .ranking-style .post-ttl h3,
.attention-area .ranking-style .post-ttl h3,
.ranking-area-style .ranking-style .post-ttl h3,
#main-content .ranking-style .post-ttl h3 {
color: #000 !important;
}
}
@media (max-width: 768px) {
.multiple-items {
margin: 0;
padding: 0 35px;
}
.multiple-items .slick-slide {
width: 100%;
}
.kodawari-slider {
margin: 0;
padding: 0 35px;
}
.multiple-items .slick-prev,
.kodawari-slider .slick-prev {
left: 0;
}
.multiple-items .slick-next,
.kodawari-slider .slick-next {
right: 0;
}
.new-property .point-ttl{
margin: 70px 0 10px;
font-size: 20px;
}
.new-property {
padding: 0px;
}
.multiple-items .slick-dots{
bottom: 20px;
}
.features .features_header{
margin: 0px;
}
.features_logo {
max-width: 300px;
width: 40%;
padding: 0 5px 0 0;
}
.features .features_header{
padding: 0px;
}
.seach_free_ai-area {
gap: 20px;
}
.monthly-ttl{
margin: 0 0 20px 0px;
}
.kodawari-container .point-ttl{
margin: 0 0 10px 0px;
}
.multiple-items .slick-dots {
bottom: 0px;
}
.sub-footer {
padding: 50px 10px;
}
.column-section{
margin-bottom: 70px;
}
.news-section{
margin: 80px 0 0 0;
}
.seach_free_ai{
margin: 20px 0 0 0;
}
.features{
margin: 70px 0 0 0;
}
}
.sub-footer{
padding: 50px 0;
}
.monthly-info .monthly-container{
background-color: #f5f5f5;
}
.kodawari-card-text span::after{
font-size: 16px;
}
.ranking-style > .post-ttl > h3 >a{
color:#000;
}
.ranking-style{
transition: opacity 0.5s;
}
.ranking-style:hover{
opacity: 0.5;
}
.search-box {
display: flex;
align-items: center;
background: transparent;
border-radius: 3px;
overflow: hidden;
max-width: 500px;
margin: 0 auto;
}
.search-input {
flex: 1;
padding: 15px 20px;
font-size: 14px;
outline: none;
}
.search-input::-webkit-input-placeholder {
color: #999;
}
.search-input::-moz-placeholder {
color: #999;
}
.search-input:-ms-input-placeholder {
color: #999;
}
.search-input::-ms-input-placeholder {
color: #999;
}
.search-input::placeholder {
color: #999;
}
.search-button {
background: #4699D4;
border: none;
padding: 15px 25px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: background 0.3s ease;
}
.search-button:hover {
background: #378CE7;
}
.search-button svg {
width: 20px;
height: 20px;
color: #fff;
}
@media (max-width: 768px) {
.ranking-style > .post-ttl > h3 >a{
color:#000;
font-size: 13px;
}
.point-area P{
font-size: 14px;
}
.search-box {
max-width: 100%;
padding: 5px 0;
margin: 0;
}
.search-input {
font-size: 12px;
padding: 10px;
width: 100%;
}
.search-button {
padding: 12px 20px;
}
.search-button svg {
width: 13px;
height: 13px;
}
.seach_free_ai .seach_free, .seach_free_ai .seach_ai {
padding: 20px;
}
.seach_free_ai .seach_ai p {
margin: 0px;
}
.seach_free_ai .seach_free h3.point-ttl{
margin: 10px 0;
}
.fv-button{
border-radius: 5px;
}
.features .point-area .point1, .features .point-area .point2, .features .point-area .point3{
padding: 20px 0;
}
}
.seach_free_ai .seach_ai:hover{
opacity: 0.8;
}
.seach_free{
box-shadow: var(--gray-shadow);
}
.features .point-area .point1, .features .point-area .point2, .features .point-area .point3{
transition: transform 0.3s ease;
}
.features .point-area .point1:hover, .features .point-area .point2:hover, .features .point-area .point3:hover{
transform: translateY(-5px);
}
.prefecture-list .prefecture {
transition: all 0.3s ease;
}
.prefecture-list .prefecture:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(70, 153, 212, 0.4);
}
.prefecture-list .status-off {
pointer-events: none;
}
@media (min-width: 769px) {
.seach_free_ai .seach_free {
background-color: #f5f5f5;
color: #2b2b2b;
width: 40%;
margin: 0;
padding: 30px 30px 50px 40px;
}
}
@media (max-width: 768px) {
.news-item {
flex-wrap: wrap;
display: flex;
gap: 8px 10px;
align-items: center;
border-bottom: none;
padding: 20px;
}
.news-date {
margin: 0;
font-size: 13px;
flex-shrink: 0;
width: auto;
}
.news-category {
display: inline-block;
font-size: 11px;
padding: 3px 6px;
margin: 0;
width: auto;
flex-shrink: 0;
}
.news-title {
font-size: 14px;
margin: 0;
width: 100%;
flex-basis: 100%;
}
.news-list{
margin: 0px;
padding: 0px;
}
}
.news-item {
border-bottom: none;
}
.news-list a:nth-child(1) .news-item,
.news-list a:nth-child(2) .news-item {
border-bottom: 1px solid #ddd;
}
.news-header{
margin: 0 0 30px;
}
.news-header h1{
font-weight: 600;
}
/**
* 目次のスタイル
*/
.table-of-contents {
background-color: #ffffff;
border-radius: 4px;
padding: 20px;
margin: 30px 0;
box-shadow: var(--gray-shadow);
}
.entry-content .table-of-contents h2.toc-title{
background-color: #4699D4;
border-radius: 4px;
}
.toc-title {
font-size: 1.2em;
font-weight: bold;
margin: 0 0 15px 0;
padding-bottom: 10px;
color: #ffffff;
}
.toc-list {
margin: 0;
padding-left: 20px;
list-style-type: none;
counter-reset: toc-counter;
}
.toc-list > li {
margin-bottom: 8px;
}
.toc-list a {
color: #0066cc;
text-decoration: none;
transition: color 0.2s;
}
.toc-list a:hover {
color: #004080;
text-decoration: underline;
}
/* h3のサブリスト */
.toc-sublist {
margin: 8px 0 0 0;
padding-left: 20px;
list-style-type: none;
}
.toc-sublist li {
margin-bottom: 5px;
font-size: 0.95em;
}
/**
* 固定ヘッダー対応
* アンカーリンクで飛んだ時に見出しが隠れないようにする
*/
h2[id^="heading-"],
h3[id^="heading-"] {
scroll-margin-top: 55px;
}
.entry-content ol li,
.entry-content ul li{
margin-left: 20px;
}
@media (max-width: 768px) {
.table-of-contents {
padding: 15px;
margin: 20px 0;
}
.toc-title {
font-size: 1.1em;
}
.toc-list,
.toc-sublist {
padding-left: 15px;
}
h2[id^="heading-"],
h3[id^="heading-"] {
scroll-margin-top: 10px;
}
}