@charset "UTF-8";

/*-------------------------
dark
-------------------------*/
/*-------------------------
__top_style
-------------------------*/

:root {
  --maincolor:rgba(155,125,60,1);
  --maincolor20:rgba(155,125,60,0.2);
  --maincolor15:rgba(155,125,60,0.15);
  --subcolor01:rgb(170,35,50);
  --subcolor02:rgb(95,70,0);
  --basecolor01:rgba(25,25,35,1);
  --basecolor02:rgba(40,40,50,1);
  --basecolor02_20:rgba(40,40,50,0.8);
  --basecolor03:rgba(50,50,60,1);
}

#wrap{background-color:var(--basecolor01)/*------------ back01 ------------*/;}
h2,h3{color:#fff;}
#psp_header{background-color:var(--basecolor01)/*------------ back01 ------------*/;}
#psp_header .psp_inner .psp_top .psp_bukken_name p.psp_syubetsu{border:1px solid #fff;color:#fff;}
#psp_header .psp_inner .psp_top .psp_bukken_name span.psp_name{color:#fff;}
#psp_concept,#psp_plan,#psp_location,#psp_access,.psp_free_contents,#psp_outline{background-color:var(--basecolor01)/*------------ back01 ------------*/;}
    
/* ================== design01 ================== */
#psp_header .psp_design01 .psp_top .psp_bukken_data dl dd{color:#fff;}
#psp_header .psp_design01 .psp_top .psp_bukken_data dl dt span{background-color:#ccc;}

/* ================== design02 ================== */
#psp_header .psp_design02 .psp_btm .psp_bukken_data dl{color:#fff;}
#psp_header .psp_design02 .psp_btm nav ul.psp_header_navi li a{color:#fff;}

/* ================== design03 ================== */
#psp_header .psp_design03 .psp_top .psp_head_btn ul.psp_kento_btn li a{color:#fff;}
#psp_header .psp_design03 .psp_top .psp_head_btn ul.psp_kento_btn li:nth-child(1) a::after,
#psp_header .psp_design03 .psp_top .psp_head_btn ul.psp_kento_btn li:nth-child(2) a::after{background-color:#fff;}
#psp_header .psp_design03 .psp_btm nav ul.psp_header_navi li a{color:#fff;}
#psp_header .psp_design03::after{background-image:url(/images_asp/prm/header_arch_dark.svg);}

/* ================== psp_openhouse ================== */
#psp_openhouse .psp_inner .psp_openhouse_data{color:#fff;border:5px double #fff;}

/* ================== consept ================== */
#psp_concept .psp_inner .psp_con_box .psp_comment p.psp_com02{color:#fff;}
#psp_concept .psp_inner .psp_con_box .psp_comment p.psp_com03{color:#fff;}

/* ================== plan ================== */
#psp_plan{background-color:var(--basecolor02_20)/*------------ back03 ------------*/;}
#psp_plan .psp_inner ul.psp_plan_box li p.psp_t_comm{color:#fff;}
#child_list::before{background-color:var(--basecolor03)/*------------ back04 ------------*/;}
@keyframes child_loading01{
0%{color:rgba(255,255,255,0.2);}
30%{color:rgba(255,255,255,1);}
70%{color:rgba(255,255,255,1);}
100%{color:rgba(255,255,255,0.2);}
}

/* ================== location ================== */
#psp_location{background-color:var(--basecolor01)/*------------ back01 ------------*/;}
#psp_location .psp_inner p.psp_block_com,
#psp_location .psp_inner ul li .psp_data p.psp_name,
#psp_location .psp_inner ul li .psp_data .psp_distance,
#psp_location .psp_inner ul li .psp_detail{color:#fff;}

/* ================== access ================== */
#psp_access{background-color:var(--basecolor02_20)/*------------ back03 ------------*/;}
#psp_access .psp_inner ul li .psp_com01,
#psp_access .psp_inner ul li .psp_com02{color:#fff;}

/* ================== free_contents ================== */
.psp_free_contents:nth-child(odd){background-color:var(--basecolor01)/*------------ back01 ------------*/;}
.psp_free_contents:nth-child(even){background-color:var(--basecolor02_20)/*------------ back02 ------------*/;}
.psp_free_contents{background-color:var(--basecolor01)/*------------ back01 ------------*/;}
.psp_free_contents .psp_block_com{color:#fff;}
.psp_free_contents .psp_inner ul li{color:#fff;}

/* ================== outline ================== */
#psp_outline{background-color:var(--basecolor02_20)/*------------ back03 ------------*/;color:#fff;}
#psp_outline .psp_inner table tr:nth-child(1) th,
#psp_outline .psp_inner table tr:nth-child(1) td{border-top:1px solid #fff;}
#psp_outline .psp_inner table tr th,
#psp_outline .psp_inner table tr td{border-bottom:1px solid #fff;}
#psp_outline .psp_inner table tr th{background-color:transparent;border-right:1px solid #fff;}
#psp_outline .psp_inner #psp_picture_box{background-color:var(--basecolor01)/*------------ back01 ------------*/;}
@media screen and (max-width:767px){
#psp_outline .psp_inner table tr:nth-child(1) td{border-top:none;}
#psp_outline .psp_inner table tr:nth-child(1) th,
#psp_outline .psp_inner table tr:nth-child(1) td{border-top:none;}
#psp_outline .psp_inner table tr th,
#psp_outline .psp_inner table tr td{border-bottom:none;}
#psp_outline .psp_inner table tr th{background-color:var(--basecolor01)/*------------ back01 ------------*/;color:#fff;border-right:none;}
}
/* ================== other01 ================== */
#psp_other01 .psp_inner .psp_att{color:#fff;}
#psp_subslider_box{background-color:var(--basecolor03)/*------------ back04 ------------*/;}

@media screen and (max-width:767px){
#psp_toggle-box > span{background:#909090;}
}