@charset "utf-8";
@media screen and (max-width:767px) {
/*===================
works
===================*/
.content #sideBar { display:block !important; float:none; margin-top:30px; width:100%; }
.content #sideBar #bnr { padding-top:0; margin-top:20px; }
.content #sideBar #bnr li { margin:0; text-align:center; }
.content #sideBar #snavi { margin-top:20px; }
.content #sideBar #snavi ul { border-top:none; }
.content #sideBar #snavi > ul { border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; border-radius:3px; }
.content #sideBar #snavi > ul > li { border-top:none !important; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; }
.content #sideBar #snavi > ul > li:first-child { border-radius:3px 3px 0 0; }
.content #sideBar #snavi > ul > li:last-child { border-radius:0 0 3px 3px; }
.content #sideBar #snavi > ul > li a { display:flex; justify-content:space-between; padding:15px 40px 15px 15px; position:relative; }
.content #sideBar #snavi > ul > li a:after { content: ""; position:absolute; width:8px; height:18px; top:50%; margin-top:-9px; right:10px; background:url(../../img/sp_common/angle_right_gray.svg) center no-repeat; background-size:8px; }
.content #sideBar #snavi > ul > li a span {}
.content #sideBar #snavi > ul > li a span:first-child { color:#57534E; font-weight:600; font-size:100%; }
.content #sideBar #snavi > ul > li a span:nth-child(2) { font-weight:600; font-size:100%; }
.content #sideBar #snavi > ul > li a img {} 

.content #sideBar #snavi > ul > li ul.sec { border-top:none; border-left:none; margin:0; }
.content #sideBar #snavi > ul > li ul.sec > li { border-top:none; }
.content #sideBar #snavi > ul > li ul.sec > li:last-child { border-bottom:none; }
.content #sideBar #snavi > ul > li ul.sec > li a {}
.content #sideBar #snavi > ul > li ul.sec > li a span {}
.content #sideBar #snavi > ul > li ul.sec > li a img {}

#pickup #snavi .sec .nameList { margin:0; }
#pickup #snavi .sec .nameList li { border-top: 1px solid #dbdbdb; }
#pickup #snavi .sec .nameList li:last-child { border-bottom:none; }
#pickup #snavi .sec .nameList li a { font-size:100%; }

#sideFaq { margin-top:20px; }
#sideFaq h2 { margin:0; }
#sideFaq h2 a  {}
#sideFaq h2 a span {}
#sideFaq ul { border-radius:3px; margin-top:10px; padding:0; border:none; }
#sideFaq ul li { border:1px solid #eee; border-radius:3px; font-size:100%; }
#sideFaq ul li a { display:block; padding:10px 10px 10px 30px; position:relative; }
#sideFaq ul li a span { position:absolute; left:10px; top:10px; }

/*----------------------------
index
----------------------------*/
.h_title2.works { background: url(../../img/works/h_title.jpg) center 80% no-repeat; }

.content .main#works {}
.content .main#works ul { width:100%; }
.content .main#works ul li { float:none !important; }

#works h2 { border-top:1px dotted #eee !important; line-height:1.6; margin-top:20px !important; padding-top:20px; width:100%; }
#works h2 span { color:#3A3A3A; display:block; font-size:131%; font-weight:600; }
#works .lead { margin-bottom:20px; }
#works .more { margin:25px 0 40px; text-align:center; width:100%; }
#works .more a { border:1px solid #eee; border-radius:3px; display:block; margin:0; padding:15px; position:relative; width:100%; }
#works .more a:after {}
#works #work dd { /*-webkit-overflow-scrolling:touch; overflow-x:auto;*/ }
#works #work dd ul { display:flex; flex-wrap:wrap; width:100%; }
#works #work dd ul li { flex:0 0 100%; margin:20px 0 0; width:100%; }
#works #work dd ul:first-child li:first-child { margin-top:0; }
#works #work dd ul li a:nth-child(2) { background-image:none; background-color:#f0f0f0; display:block; margin-top:10px; text-align:center; }
#works #work dd ul li a img { max-width:250px; }
#works #work dd ul li p {}

#works #work dd ul { display:none; }
#works #work dd ul:first-child { display:flex !important; }
#works .openList { margin-top:20px; text-align:center; }
#works .openList span { background-image: url(/img/sp_common/i_search.svg); background-repeat:no-repeat; background-size:11px auto; background-position:95% center; border:1px solid #eee; border-radius:3px; display:block; margin:0; padding:15px; position:relative; width:100%; }
#works .openList span:nth-child(2) { background-image: url(/img/sp_common/i_close.svg); }
#works .openList span.di_none { display:none; }

#works #work dt { border-top:1px dotted #eee !important; line-height:1.6; margin-top:20px; padding-top:20px; width:100%; }
#works #work dt span { color:#3A3A3A; display:block; font-size:131%; font-weight:600; }

.content .main#works ul.clear li p span { color:#336600; font-size:131%; font-weight:600; line-height:1.8; }
.content .main#works ul.clear li p.lead span { color:#666; font-size:116%; }

.works dl dd.works_pickup ul li span { width:100%; }
.works dl dd.works_pickup ul li a span.title { background-color:transparent; color:#57534E !important; font-size:108%; padding:0 !important; }

.works dl dd.works_pickup ul.pickup_caption { margin:0; }
.works dl dd.works_pickup ul.pickup_caption li { border:1px solid #ccc; padding:10px; }
.works dl dd.works_pickup ul.pickup_caption li a { background-position: right top; display:flex; flex-direction:column; padding-right:0; width:100%; }
.works dl dd.works_pickup ul.pickup_caption li a:hover { background-position: right top; }
.works dl dd.works_pickup ul.pickup_caption li a span { display:block; }
.works dl dd.works_pickup ul.pickup_caption li a span.cap { padding-right:30px; }
.works dl dd.works_pickup ul.pickup_caption li a span.title { padding-bottom:10px; }
.works dl dd.works_pickup ul.pickup_caption li a span:first-child { flex:auto; font-size:125%; font-weight:600; }
.works dl dd.works_pickup ul.pickup_caption li a span:nth-child(2) { flex:10; font-size:108% !important; line-height:1.8; margin-top:10px; }

.works dl dd.works_pickup ul.pickup_image { margin:0; }
.works dl dd.works_pickup ul.pickup_image li { border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-left:1px solid #ccc; margin:0 0 20px !important; padding:10px; }  
.works dl dd.works_pickup ul.pickup_image li a { background-color:#f0f0f0; display:block; text-align:center; }
.works dl dd.works_pickup ul.pickup_image li a img { height:auto; width:100%; max-width:248px; }

#works .block { background:none; display:flex; justify-content:start; flex-direction:column; width:100%; }
#works .block dl { border:1px solid #ccc; display:flex; float:none; flex:0 0 100%; flex-direction:column; margin:20px 0 0; padding:10px; width:100%; }
#works .block dl:first-child { margin:0; }
#works .block dt { background-color:#f0f0f0; height:auto; }
#works .block dt a { display:block; }
#works .block dd { flex:0 0 100%; background-color:#fff; margin:5px 0 0; padding:0; }
#works .block dd a { display:block; }
#works .block dd.date {}
#works .block dd.title { font-size:100%; margin:5px 0 0; padding:0 !important; }
#works .block dd.title a { background: url(/img/top/i_ar.gif) right center no-repeat; line-height:1.6; }

#works .block#architect-work dl { display:none; }
#works .block#architect-work dl:first-child,
#works .block#architect-work dl:nth-child(2),
#works .block#architect-work dl:nth-child(3) { display:flex; }

#works .block#builder-work dl { display:none; }
#works .block#builder-work dl:first-child,
#works .block#builder-work dl:nth-child(2),
#works .block#builder-work dl:nth-child(3) { display:flex; }

.content .main#works .map {}
.content .main#works .map a { background-image: url(/img/sp_common/i_map.svg); background-repeat:no-repeat; background-size:11px auto; background-position:95% center; border:1px solid #eee; border-radius:3px; display:block; font-weight:600; margin:0; padding:15px; position:relative; text-align:center; width:100%; }

/*----------------------------
pick_up
----------------------------*/
.content #sideBar { display:block !important; float:none; width:100%; }
#pickup .simuLink { margin:0; }

#pickup #mainLeft h2 { border-top:5px solid #8CB552; padding:20px 0 0; }
#pickup #mainLeft h2 p { border-left:none !important; }
#pickup #mainLeft h2 p span.sub_title { font-size:125%; margin:0 !important; padding:0 !important; }
#pickup #mainLeft h2 p span.title { background:transparent; color:#3A3A3A; font-size:125%; font-weight:600; margin-top:15px; padding:0 !important; }
#pickup #page div.contents { width:100%; }
#pickup #page div.slideshow { padding:0; width:100%; }
#pickup #page div.slideshow .image-wrapper { display:flex; align-content:center; align-items:center; justify-content:center; height:414px; }

#pickup #page div.loader { height:auto; width:100%; }
#pickup #page div.navigation dl { display:flex; flex-wrap:wrap; width:100%; }
#pickup #page div.navigation dt { float:none; width:100%; }
#pickup #page div.navigation dt span {}
#pickup #page div.navigation dd { flex:0 0 100%; float:none; width:100%; }
#pickup #page div.box { width:100%; }
#pickup #page div.embox { float:none; }
#pickup #page div.controls { float:none; width:100%; }
#pickup #page div.nav-controls { border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; display:flex; align-content:center; align-items:center; justify-content:space-between; border-radius:3px; margin-top:10px; }
#pickup #page div.nav-controls a { border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; display:block; flex:1 0 50%; padding:15px 20px; text-align:center; }
#pickup #page div.nav-controls a.prev { background:none; border-radius:3px 3px 0 0; padding:15px 20px; }
#pickup #page div.nav-controls a.next {border-radius:0 0 3px 3px; padding:15px 20px; }

#pickup #page ul.thumbs { display:flex; flex-wrap:wrap; justify-content:start; padding:0 10px 10px; }
#pickup #page ul.thumbs li { flex:0 0 20%; margin-right:6%; padding:10px 0 0; height:auto; width:100%; }
#pickup #page ul.thumbs li:nth-child(4n) { margin-right:0; }
#pickup #page ul.thumbs li a img { clip:rect(0px 0px 0px 0px); position:relative; object-fit:cover; width:100%; height:60px; }
#pickup #page ul.thumbs li .caption { display:none; }

#pickup #point { display:flex; flex-wrap:wrap; }
#pickup #point dt.arrow { float:none; flex:0 0 100%; padding:0; }
#pickup #point dt.arrow span { background-color:#336600; color:#fff; display:block; font-weight:600; font-size:116%; padding:10px; text-align:center; }
#pickup #point dd { margin-top:10px; margin-left:0; padding:0; }
#pickup #point dd span { font-size:116%; line-height:1.8; }

#pickup #mainLeft .social_box { display:none; }

.content .main#pickup .map { margin-top:15px; }
.content .main#pickup .map a { background-image: url(/img/sp_common/i_map.svg); background-repeat:no-repeat; background-size:11px auto; background-position:95% center; border:1px solid #eee; border-radius:3px; display:block; margin:0; padding:15px; position:relative; text-align:center; width:100%; }

#pickup #build_data dd span { line-height:1.6; }

/*----------------------------
progress
----------------------------*/
.h_title2.progress { background: url(../../img/works/h_title.jpg) center 80% no-repeat; }

.status_pic { border-top:none; padding:0; }
#under_construction .status_pic { margin-bottom:15px; }
#standing_property .status_pic { margin-bottom:15px; }

.content .main.works .map { margin-top:20px; }
.content .main.works .map a { background-image: url(/img/sp_common/i_map.svg); background-repeat:no-repeat; background-size:11px auto; background-position:95% center; border:1px solid #eee; border-radius:3px; display:block; font-weight:600; margin:0; padding:15px; position:relative; text-align:center; width:100%; }

.works #mainLeft #progress .NumBox { display:flex; flex-wrap:wrap; font-size:100%; line-height:1.6; margin-top:0; width:100%; }
.works #mainLeft #progress .NumBox .hit { float:none; flex:0 0 100%; margin:0; padding:0; width:100%; }
.works #progress h2 { margin-bottom:20px; padding-top:20px; }
.works #progress .NumBox .sort { align-items:center; display:flex; flex:0 0 100%; justify-content:start; float:none; margin:10px 0 0; padding:0; }
.works #progress .NumBox .sort a { border:1px solid #dbdbdb; border-radius:3px; display:block; margin-left:5px; padding:10px; text-align:center; }
.works #progress .NumBox .selected a {}

.report_list {}
.report_list dl { margin-bottom:30px; }

.report_list dl dd.caption { border-top:1px solid #dbdbdb; padding:10px 0 10px 0; }
.report_list dl dd.caption table th { display:block; font-size:131%; line-height:1.8; padding:25px 10px 5px 0; position:relative; width:100%; }
.report_list dl dd table th span.update { position:absolute; font-size:10px; top:0; right:0;  }

.report_list dl dd.box { display:flex; flex-wrap:wrap; padding:0; background-color:#f3f1ef; -webkit-overflow-scrolling:touch; overflow-x:auto; }
.report_list dl dd.box ul { display:flex; flex:1; justify-content:start; min-width:1000px; }
.report_list dl dd.box ul li { background-color:#fff; float:none; margin-left:15px; width:200px; }
.report_list dl dd.box ul li:first-child { margin-left:0; }

.report_list dl dd.box ul.progress_report_title { padding:10px 10px 0; }
.report_list dl dd.box ul.progress_report_title li .title { margin:0; }
.report_list dl dd.box ul.progress_report_title li table th {}
.report_list dl dd.box ul.progress_report_title li table td { padding:10px 10px 0; width:auto; }
.report_list dl dd.box ul.progress_report_title li table td .title { background:transparent !important; font-size:100% !important; padding:0 !important; width:auto; }

.report_list dl dd.box ul.progress_report_image { padding:0 10px 10px; }
.report_list dl dd.box ul.progress_report_image li table { width:100%; }
.report_list dl dd.box ul.progress_report_image li table td { padding:0 10px; width:100%; }
.report_list dl dd.box ul.progress_report_image li table td div {}
.report_list dl dd.box ul.progress_report_image li table td div p {}
.report_list dl dd.box ul.progress_report_image li table td div p a {}
.report_list dl dd.box ul.progress_report_image li table td div p a img { height:auto; width:100%; }
.report_list dl dd.box ul.progress_report_image li table tr:last-child td { padding:0 10px 10px 10px; }

.report_list dl dd.box ul.progress_report_image li table td .photo { background-color:#eee; display:flex; justify-content:center; margin-top:10px; text-align:center; width:100%; }
.report_list dl dd.box ul.progress_report_image li table td div.builder { margin-top:5px; padding-bottom:15px; }
.report_list dl dd.box ul.progress_report_image li p.comment { line-height:1.8; }

.report_list dl dd table td.more { display:none; margin-top:20px; padding:0; width:100%; }
.report_list dl dd table td.more a { border:1px solid #dbdbdb; border-radius:3px; display:flex; justify-content:space-between; padding:15px 40px 15px 15px; position:relative; }
.report_list dl dd table td.more a:after { content: ""; position:absolute; width:8px; height:18px; top:50%; margin-top:-9px; right:10px; background:url(../../img/sp_common/angle_right_gray.svg) center no-repeat; background-size:8px; }

.member_link_area { background: #ECF3E2; padding:15px 10px; }
.member_link_area h3 { color:#32660B; font-size:14px; font-weight:bold; padding-left:0; background:url(../../img/foot_img.jpg) left top no-repeat; background-image:none; background-size:110px; padding-bottom:0; }
.member_link_area p { font-size:12px; line-height:1.6; margin:10px 0; } 

.works #progress .pager { display:flex; justify-content:start; float:none; text-align:left; margin-top:15px; -webkit-overflow-scrolling:touch; overflow-x:auto; width:100%; }
.works #progress .pager ul { border-radius:3px; float:none; display:flex; justify-content:start; width:100%; min-width:480px; }
.works #progress .pager ul li { align-items:center; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; border-top:1px solid #dbdbdb; display:flex; justify-content:center; float:none; margin:0; padding:0; width:30px; }
.works #progress .pager ul li:first-child { border-radius:3px 0 0 3px; border-left:1px solid #dbdbdb; }
.works #progress .pager ul li:last-child { border-radius:0 3px 3px 0; }
.works #progress .pager ul li a { display:block; padding:10px 10px; text-align:center; }
.works #progress .pager ul li:first-child { align-items:center; display:flex; justify-content:center; max-width:65px; }
.works #progress .pager ul li:first-child a { display:block; padding:10px 10px; text-align:center; }
.works #progress .pager ul li:last-child  { width:65px; }
.works #progress .pager ul li:last-child a { display:block; padding:10px 10px; text-align:center; width:100%; }

.works #progress .pager ul li.current { background-color:#8CB552; border:1px solid #8CB552; color:#fff; flex:0 0 35px; font-weight:600; padding:10px 10px; }
.works #progress .pager ul li:first-child.current { border-radius:3px 0 0 3px; }

#work #mainLeft .line { margin-bottom:30px; }

.works #progress .detail_list {}
.works #progress .detail_list dl {}
.works #progress .detail_list dl dd {}
.works #progress .detail_list dl dd.photo { margin-top:10px; padding:0; }
.works #progress .detail_list dl dd table { display:flex; flex-wrap:wrap; }
.works #progress .detail_list dl dd table tbody { display:flex; flex:0 0 100%; flex-wrap:wrap; }
.works #progress .detail_list dl dd table tr { display:flex; flex:0 0 100%; flex-wrap:wrap; }
.works #progress .detail_list dl dd table tr th { flex:0 0 100%; padding:10px 0; width:100%; }
.works #progress .detail_list dl dd table tr th.date {}
.works #progress .detail_list dl dd table tr td { flex:0 0 100%; width:100%; }
.works #progress .detail_list dl dd table tr td.title { font-size:116% !important; padding:10px !important; width:auto; }
.works #progress .detail_list dl dd table tr td.posted_user {}

}