@charset "utf-8";
/*common*/
body{
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
font-feature-settings:"palt";
}
a,a:hover,a:visited{
text-decoration:none;
color:#fff;
display:block;
}
a:hover img{
opacity:0.6;
}
img{
width:100%;
max-width:100%;
}
.pc{
display:block;
}
.sp{
display:none;
}



/*pc*/
header{
padding:20px 30px;
display:flex;
justify-content:space-between;
align-items:center;
background:#fff;
}
.h_contact ul{
display:flex;
align-items:center;
}
.h_contact li:hover{
opacity:0.6;
}
.h_contact li{
margin-left:20px;
box-sizing:border-box;
}
.h_contact li.h_phone{
pointer-events:none;
}
.h_contact li.h_phone a{
}

.main_img{
width:100%;
margin-bottom:90px;
          background:#333;
}


.desc{
max-width:1080px;
margin:0 auto 100px;
}
.desc p{
text-align:center;
line-height:1.8em;
font-size:18px;
margin-bottom:80px;
}
.desc ul{
display:flex;
justify-content:space-between;
}

.map_search{
margin:0 auto 100px;
text-align:center;
}
.map_search h3{
background:#efeedf;
padding:20px 0;
text-align:center;
margin-bottom:90px;
}
.map_search h3 img{
width:auto;
}
.i_map{
position:relative;
max-width:1080px;
margin:0 auto 15px;
}
.i_map_list li{
position:absolute;
}
.i_map_list li.muranoekimae_hondori{
top:407px;
left:137px;
z-index:10;
}
.i_map_list li.muranohigashi{
top:404px;
left:459px;
}
.i_map_list li.kodu5{
top:475px;
left:56px;
}
.i_map_list li.koudu3{
top:464px;
left:473px;
}
.i_map_list li.muranohonmachi2{
top:340px;
left:107px;
}
.i_map_list li.kodu_ikuno{
top:461px;
left:494px;
}
.i_map_list li.nagaohigashimachi{
top:151px;
left:490px;
}
.i_map_list li.nagao2{
top:98px;
left:388px;
}
.i_map_list li.nagao{
top:123px;
left:394px;
}
.i_map_list li.kisabe3{
top:579px;
left:504px;
}
.i_map_list li.kisabenishi3{
top: 614px;
left: 122px;
}

.map_search p{
color:#92181e;
font-size:26px;
}

.train_search{
background:#efeedf;
padding:50px 0 60px;
margin-bottom:100px;
text-align:center;
}
.train_search h3{
margin-bottom:40px;
}
.train_search h3 img{
width:auto;
}
.train_list_box{
display:flex;
justify-content:space-between;
max-width:740px;
margin:0 auto;
}
.train_list_box li{
margin-bottom:10px;
}
.train_list_box li:last-child{
margin-bottom:0;
}
.train_list_box1{
width:350px;
}
.train_list_box1 h4{
width:100%;
font-size:36px;
font-weight:normal;
padding:20px 0;
color:#fff;
background:#005425;
margin-bottom:30px;
}
.train_list_box2{
width:350px;
}
.train_list_box2 h4{
width:100%;
font-size:36px;
font-weight:normal;
padding:20px 0;
color:#fff;
background:#4d4d4d;
margin-bottom:30px;
}

.keihan_line,.jr_line{
margin-bottom:100px;
}
.keihan_line h3,.jr_line h3{
text-align:center;
max-width:1080px;
margin:0 auto 80px;
}
.product_box{
max-width:1080px;
display:flex;
align-items:flex-end;
justify-content:space-between;
padding-bottom:60px;
border-bottom:1px solid #b2b2b2;
margin:0 auto 60px;
}
.product_box.last{
border-bottom:0;
margin:0 auto;
}
.product_img{
width:42%;
}
.product_info{
width:54%;
}
.product_info h4{
font-size:27px;
font-weight:normal;
border-bottom:1px solid #b2b2b2;
padding:5px 0;
margin-bottom:20px;
}
.product_info h4 span{
float:right;
width:50px;
margin-top:-25px;
}
.product_info dl{
margin-bottom:5px;
display:flex;
align-items:center;
font-size:18px;
}
.product_info dl.last{
margin-bottom:10px;
}
.product_info dt{
width:120px;
padding:10px 0;
text-align:center;
background:#efeedf;
margin-right:20px;
}
.product_info .status{
font-size:30px;
margin-bottom:10px;
display:flex;
justify-content:space-between;
align-items:center;
}
.product_info p{
}
.product_info p.subsidy{
color:#f39800;
font-size:24px;
}
.product_info p.red{
color:#92181e;
}
.info_contact{
display:flex;
}
.info_contact li{
width:31%;
margin-left:2%;
}
.info_contact li:first-child{
margin-left:0;
margin-right:5%;
}

.f_contect{
padding:50px 0;
text-align:center;
background:#EFEFDF;
}
.f_contect h4{
font-size:24px;
margin-bottom:30px;
font-weight:normal;
}

.f_contect ul{
max-width:580px;
margin:0 auto;
text-align:center;
display:flex;
justify-content:space-between;
color:#fff;
font-size:30px;
font-weight:bold;
}


footer{
/*background:#C8DBE2;*/
padding:40px 0 20px;
text-align:center;
font-size:16px;
}
footer img{
width:auto;
margin-bottom:20px;
}


/**/
article{
position: relative;
height: 100%;
}
.side_btn_box{
position: -webkit-sticky;
position: sticky;
top: 0;
right: 0;
height: 100%;
max-width: 10%;
float: right;
z-index: 10000;
}
.side_btn{
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;

}
.side_btn li:nth-child(1){
background:#333;
}
.side_btn li:nth-child(2){
background:#999;
}

/* ================================================
tab
================================================ */
@media screen and (max-width: 1200px) {
}


/* ================================================
sp
================================================ */
@media screen and (max-width: 768px) {
.pc{
display:none;
}
.sp{
display:block;
}

header{
padding:3%;
}
header h1{
width:40%;
}
.h_contact{
width:45%;
}
.h_contact ul{
width:100%;
flex-wrap:wrap;
justify-content:space-between;
}
.h_contact li:hover{
}
.h_contact li{
margin-left:0;
width:48%;
text-align:center;
}
.h_contact li.h_phone{
width:100%;
padding:0;
}
.h_contact li.h_phone a{
}

.main_img{
width:100%;
margin-bottom:10%;
}


.desc{
max-width:100%;
margin:0 auto 10%;
}
.desc p{
text-align:center;
line-height:1.5em;
font-size:18px;
margin-bottom:10%;
}
.desc ul{
display:block;
}
.desc li{
margin-bottom:5%;
}
.desc li:last-child{
margin-bottom:3%;
}

.map_search{
margin:0 auto 10%;
text-align:center;
}
.map_search h3{
background:#efeedf;
padding:5% 0;
text-align:center;
margin-bottom:10%;
}
.map_search h3 img{
width:35%;
}
.i_map{
position:relative;
max-width:100%;
margin:0 auto 3%;
}
.i_map_list li{
}
.i_map_list li.muranoekimae_hondori{
width:27.5%;
top:59.5%;
left:12%;
}
.i_map_list li.muranohigashi{
width:29%;
top:59%;
left:42.5%;
}
.i_map_list li.kodu5{
width:39%;
top:70%;
left:4.5%;
}
.i_map_list li.koudu3{
width:35%;
top:68%;
left:43.5%;
}
.i_map_list li.muranohonmachi2{
width:32%;
top:50%;
left:10%;
}
.i_map_list li.kodu_ikuno{
width:30%;
top:68%;
left:46%;
}
.i_map_list li.nagaohigashimachi{
width:38.5%;
top:22%;
left:44.5%;
}
.i_map_list li.nagao2{
width:36.5%;
top:14%;
left:36%;
}
.i_map_list li.nagao{
width:38%;
top:18%;
left:36.5%;
}
.i_map_list li.kisabe3{
width:22%;
top:85.5%;
left:46.5%;
}
.i_map_list li.kisabenishi3{
width: 34%;
top: 90.5%;
left: 11.5%;
}
.map_search p{
font-size:3.5vw;
}

.train_search{
padding:10% 0 10%;
margin-bottom:10%;
}
.train_search h3{
margin-bottom:10%;
}
.train_search h3 img{
width:35%;
}
.train_list_box{
display:block;
max-width:75%;
margin:0 auto;
}
.train_list_box li{
margin-bottom:3%;
}
.train_list_box li:last-child{
margin-bottom:0;
}
.train_list_box1{
width:100%;
margin-bottom:5%;
}
.train_list_box1 h4{
width:100%;
font-size:5vw;
padding:3% 0;
margin-bottom:5%;
}
.train_list_box2{
width:100%;
}
.train_list_box2 h4{
width:100%;
font-size:5vw;
padding:3% 0;
margin-bottom:5%;
}

.keihan_line,.jr_line{
margin-bottom:10%;
}
.keihan_line h3,.jr_line h3{
text-align:center;
max-width:100%;
margin:0 auto 10%;
}
.product_box{
max-width:86%;
display:block;
padding-bottom:5%;
margin:0 auto 5%;
}
.product_box.last{
border-bottom:0;
margin:0 auto;
}
.product_img{
width:100%;
}
.product_info{
width:100%;
padding-top:5%;
}
.product_info h4{
font-size:6vw;
border-bottom:1px solid #b2b2b2;
padding:1% 0;
margin-bottom:3%;
line-height:1.2em;
}
.product_info h4 span{
float:right;
width:8%;
margin-top:0;
}
.product_info dl{
margin-bottom:5px;
display:flex;
align-items:center;
font-size:4vw;
}
.product_info dl.last{
margin-bottom:10px;
}
.product_info dt{
width:24%;
padding:1% 0;
text-align:center;
background:#efeedf;
margin-right:3%;
font-size:3.5vw;
}
.product_info .status{
font-size:4vw;
margin-bottom:3%;
}
.product_info p{
}
.product_info p.subsidy{
font-size:3.5vw;
}
.product_info p.red{
}
.info_contact{
display:flex;
}
.info_contact li{
}
.info_contact li:first-child{
}

.f_contect{
padding:5% 0;
text-align:center;
background:#EFEFDF;
}
.f_contect h4{
font-size:4vw;
margin-bottom:5%;
font-weight:normal;
}

.f_contect ul{
max-width:80%;
margin:0 auto;
}
.f_contect li{
width:48%;
}

footer{
padding:5% 0 3%;
font-size:12px;
}
footer img{
width:50%;
margin-bottom:3%;
}
}

/*swiper*/
.slide{
max-width:1000px;
margin:0 auto 100px;
}
.slide img{
vertical-align:bottom;
}
.swiper-container{
}
.swiper-slide{
width:100%;
z-index:10;
}
.pagination{
text-align:center;
margin-top:-30px;
z-index:100;
position:relative;
}
.swiper-pagination-bullet{
opacity:0.6!important;
background:#fff!important;
}
.swiper-pagination-bullet-active{
opacity:1.0!important;
background:#4D4D4D!important;
}

/*prpduct color*/
/*サニーサイドレジデンス交野郡津3期*/
#kodu_3rd.prpduct{
background:#F2FBFF;
}
#kodu_3rd.prpduct h3{
background:#378FB5;
}
#kodu_3rd .plan_txt{
color:#333;
}
#kodu_3rd .plan_point li{
background-color:#378FB5;
}
#kodu_3rd .price{
color:#333;
}
#kodu_3rd .school h5{
background:#378FB5;
}
#kodu_3rd .school p{
color:#378FB5;
}
#kodu_3rd .location h4{
color:#378FB5;
}
#kodu_3rd .location_txt_box ul{
color:#333;
}
#kodu_3rd .contant li:nth-child(3){
background: -moz-linear-gradient(top, #378FB5, #276782);
background: -webkit-linear-gradient(top, #378FB5, #276782);
background: linear-gradient(to bottom, #378FB5, #276782);
}

/*交野市郡津3丁目*/
#kodu3.prpduct{
background:#F5FFF2;
}
#kodu3.prpduct h3{
background:#8AC577;
}
#kodu3 .plan_txt{
color:#333;
}
#kodu3 .plan_point li{
background-color:#8AC577;
}
#kodu3 .price{
color:#333;
}
#kodu3 .school h5{
background:#8AC577;
}
#kodu3 .school p{
color:#8AC577;
}
#kodu3 .location h4{
color:#8AC577;
}
#kodu3 .location_txt_box ul{
color:#333;
}
#kodu3 .contant li:nth-child(3){
background: -moz-linear-gradient(top, #8AC577, #669157);
background: -webkit-linear-gradient(top, #8AC577, #669157);
background: linear-gradient(to bottom, #8AC577, #669157);
}

/*サニーサイドレジデンス交野郡津2期*/
#kodu_2nd.prpduct{
background:#FFFBF2;
}
#kodu_2nd.prpduct h3{
background:#EFBB5A;
}
#kodu_2nd .plan_txt{
color:#333;
}
#kodu_2nd .plan_box_horizontal .plan_point li{
background-color:#EFBB5A;
}
#kodu_2nd .price{
color:#333;
}
#kodu_2nd .school h5{
background:#EFBB5A;
}
#kodu_2nd .school p{
color:#EFBB5A;
}
#kodu_2nd .location h4{
color:#EFBB5A;
}
#kodu_2nd .location_txt_box ul{
color:#333;
}
#kodu_2nd .contant li:nth-child(3){
background: -moz-linear-gradient(top, #EFBB5A, #BD9448);
background: -webkit-linear-gradient(top, #EFBB5A, #BD9448);
background: linear-gradient(to bottom, #EFBB5A, #BD9448);
}

/*枚方村野本町*/
#muranohonmachi.prpduct{
background:#FFF4F2;
}
#muranohonmachi.prpduct h3{
background:#ED573A;
}
#muranohonmachi .plan_txt{
color:#333;
}
#muranohonmachi .plan_point li{
background-color:#ED573A;
}
#muranohonmachi .price{
color:#333;
}
#muranohonmachi .school h5{
background:#ED573A;
}
#muranohonmachi .school p{
color:#ED573A;
}
#muranohonmachi .location h4{
color:#ED573A;
}
#muranohonmachi .location_txt_box ul{
color:#333;
}
#muranohonmachi .contant li:nth-child(3){
background: -moz-linear-gradient(top, #ED573A, #BA442D);
background: -webkit-linear-gradient(top, #ED573A, #BA442D);
background: linear-gradient(to bottom, #ED573A, #BA442D);
}

/*サニーサイドレジデンス長尾プレミアム*/
#nagao.prpduct{
background:#F2F6FF;
}
#nagao.prpduct h3{
background:#1D2E5C;
}
#nagao .plan_txt{
color:#333;
}
#nagao .plan_point li{
background-color:#1D2E5C;
}
#nagao .price{
color:#333;
}
#nagao .school h5{
background:#1D2E5C;
}
#nagao .school p{
color:#1D2E5C;
}
#nagao .location h4{
color:#1D2E5C;
}
#nagao .location_txt_box ul{
color:#333;
}
#nagao .contant li:nth-child(3){
background: -moz-linear-gradient(top, #1D2E5C, #0D1429);
background: -webkit-linear-gradient(top, #1D2E5C, #0D1429);
background: linear-gradient(to bottom, #1D2E5C, #0D1429);
}