html,body {
    -webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing: grayscale;
    font-size: 13px;
    line-height: 1.5em;
    color: #000000;
}

#Wrapper > header,
#spNavi {
    font-size: 15px;
    line-height: 1.5;
    color: #2d2d2d;
}

#mem_main *,
#mem_footer * {
	margin:0;
	padding:0;
}
#mem_main a,
#mem_footer a{
	text-decoration: none;
}
#mem_main a img,
#mem_footer a img{
	border: none;
}
#mem_main .fcl,
#mem_footer .fcl{
	zoom: 100%;
}
#mem_main .fcl:after,
#mem_footer .fcl:after{
	content: " "; 
	clear: both; 
	height: 0; 
	display: block; 
	visibility: hidden;
}
#mem_main img,
#mem_footer img{
	vertical-align:middle;
	margin:0;
	padding:0;
}
#mem_main ol,li,
#mem_footer ol,li{ list-style: none; }


#mem_main {
    display: block;
    padding: 51px 0 0;
}

#mem_pagetop {
    position: fixed;
    bottom: 0;
    right: 16px;
    padding: 0 0 16px;

    width: 40px;
    z-index: 100;

    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
#mem_pagetop.isShow {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
#mem_pagetop.isHide {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
}
#mem_pagetop a { display: block; }
#mem_pagetop a img { width: 100%; }
#mem_footer nav .area {
    background-color: #222222;
    color: #ffffff;
}
#mem_footer nav .area h3,
#mem_footer nav .area h4 {
    font-size: 1.33rem;
    line-height: 1em;
    text-align: center;
    font-weight: normal;
    padding: 20px 0;
}
#mem_footer nav .area h4 { padding: 0 0 11px; }
#mem_footer nav .area h4 a{
    color: #ffffff;
    margin-left: -10px;
    padding-left: 15px;
    background: url(https://www.nomu.com/renovation/pc/images/arr_linkright.svg) no-repeat 0 50%;
    background-size: 10px;
}

#mem_footer nav .area ul {
    margin: 0 11px;
    letter-spacing: -1em;
    padding: 0 0 10px;
}
#mem_footer nav .area ul li {
    display: inline-block;
    width: 50%;
    letter-spacing: 0;
    padding: 0 6px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 12px;
}
#mem_footer nav .area ul li.typeL { width: 100%; }
#mem_footer nav .area ul li a {
    display: block;
    color: #ffffff;
    font-size: 1.16rem;
    background-color: #444444;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px 0 15px 15px;
}
#mem_footer nav .main {
    padding: 20px 0;
    border-bottom: 3px solid #eee;
}
#mem_footer nav .main li {
    margin: 0 16px;
    padding: 0 0 12px;
}
#mem_footer nav .main li:last-child { padding-bottom: 0; }
#mem_footer nav .main li a {
    display: block;
    background-color: #dddddd;
    padding: 15px 0;
    text-align: center;
}
#mem_footer nav .main li.n1 a img { width: 62px; }
#mem_footer nav .main li.n2 a img { width: 88px; }
#mem_footer nav .main li.n3 a img { width: 54px; }
#mem_footer nav .main li.active a { background: url(../images/arr_nav_active.svg) no-repeat center bottom #dddddd; }
#mem_footer nav .breadcrumb,
#mem_main nav .breadcrumb {
    margin: 0 16px;
    padding: 17px 0;
    letter-spacing: -1em;
}
#mem_main nav .breadcrumb {
    padding: 10px 0;
}

#mem_footer nav .breadcrumb,
#mem_footer nav .breadcrumb a ,
#mem_main nav .breadcrumb,
#mem_main nav .breadcrumb a {
    font-size: 0.83rem;
    line-height: 1.8em;
    color: #808080;
}
#mem_footer nav .breadcrumb li ,
#mem_main nav .breadcrumb li {
    display: inline;
    letter-spacing: 0;
}
#mem_footer nav .breadcrumb li:after,
#mem_main nav .breadcrumb li:after {
    content: '>';
    display: inline-block;
    padding: 0 0.2em;
}
#mem_footer nav .breadcrumb li:last-child:after,
#mem_main nav .breadcrumb li:last-child:after { display: none; }

#mem_footer nav .other {
    padding: 22px 0 0;
    background-color: #eeeeee;
}
#mem_footer nav .other li {
    margin: 0 16px;
    padding: 0 0 22px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#mem_footer nav .other li a {
    position: relative;
    display: block;
    color: #666666;
    padding: 0 0 0 12px;
    line-height: 1em;
}
#mem_footer nav .other li a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 9px;
    height: 100%;
    background: url(../images/arr_linkright.svg) no-repeat center;
    -webkit-background-size: contain;
    background-size: contain;
}
#mem_footer nav .topc {
    background-color: #eeeeee;
}
#mem_footer nav .topc a {
    display: block;
    margin: 0 16px;
    padding: 15px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #999999;
    font-size: 1.16rem;
    line-height: 1em;
    color: #666666;
    text-align: center;
}
#mem_footer small {
    display: block;
    padding: 19px 0 21px;
    text-align: center;
    background-color: #eeeeee;
}
#mem_footer small img { width: 251px; }
#mem_footer small span {
    display: block;
    padding: 10px 0 0;
    color: #666666;
    font-size: 0.66rem;
    line-height: 1em;
}

#mem_main.topPage .mainvisual ul {
    position: relative;
    padding: 50% 0 0;
}
#mem_main.topPage .mainvisual ul li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: no-repeat center;
    -webkit-background-size: cover;
    background-size: cover;
}
#mem_main.topPage .ttlwrap {
    padding: 20px 16px 15px;
    background-color: #000000;
}
#mem_main.topPage .ttlwrap h2 {
    text-align: center;
    padding: 0 0 16px;
}
#mem_main.topPage .ttlwrap h2 img { width: 264px; }
#mem_main.topPage .ttlwrap span {
    display: block;
    font-size: 16px;
    line-height: 1em;
    color: #fff;
    padding: 8px 0 0;
}
#mem_main.topPage .ttlwrap .btn a {
    display: block;
    padding: 14px 0;
    text-align: center;
    border: 1px solid #6d6d6d;
    font-size: 15px;
    line-height: 1em;
    color: #fff;
    background: url(/renovation/pc/images/arr_linkright.svg) no-repeat 98% 50%;
    background-size: 10px;
}
#mem_main.topPage .ttlwrap .btn a img {
    width: 86px;
    margin: 0 10px 0 0;
    vertical-align: baseline;
}
#mem_main.topPage .area {
    padding: 20px 16px 0;
    background-color: #222222;
}
#mem_main.topPage .area h3,
#mem_main.topPage .area h4{
    padding: 0 0 20px;
    font-size: 16px;
    line-height: 1em;
    font-weight: normal;
    color: #ffffff;
    text-align: center;
}
#mem_main.topPage .area h4 { padding-bottom: 12px; }
#mem_main.topPage .area h4 a{
    color: #ffffff;
    margin-left: -10px;
    padding-left: 15px;
    background: url(/renovation/pc/images/arr_linkright.svg) no-repeat 0 50%;
    background-size: 10px;
}
#mem_main.topPage .area > ul {
    padding: 0 0 20px;
}
#mem_main.topPage .area > ul > li {
    margin: 0 0 1px;
    background-color: #444;
}
#mem_main.topPage .area > ul > li > a {
    display: block;
    color: #ffffff;
    font-weight: bold;
    font-size: 14px;
    line-height: 1em;
    padding: 15px 15px;
    background: url(/renovation/pc/images/arr_linkright.svg) no-repeat 98% 50%;
    background-size: 10px;
}
#mem_main.topPage .area > ul > li.typeL > a {padding-bottom: 8px;}
#mem_main.topPage .area > ul > li ul {
    /* letter-spacing: -1em; */
    padding: 10px 0;
    width: auto;
}
#mem_main.topPage .area > ul > li ul li {
    display: inline-block;
    letter-spacing: 0;
    color: #cccccc;
    font-weight: normal;
    font-size: 12px;
}
#mem_main.topPage .area > ul > li ul li:after {
    content: '/';
    margin: 0 0.25em;
}
#mem_main.topPage .area > ul > li ul li:last-child:after { display: none; }
#mem_main.topPage .area > ul > li ul li a {
    color: #cccccc;
}
#mem_main.topPage .search {
    background-color: #333333;
    padding: 15px 16px 20px;
    color: #ffffff;
}
#mem_main.topPage .search h3 {
    font-size: 16px;
    line-height: 1.5em;
    font-weight: normal;
    text-align: center;
}
#mem_main.topPage .search p {
    padding: 12px 0 15px;
}
#mem_main.topPage .search a {
    display: block;
    height: 70px;
    font-size: 14px;
    color: #000000;
    line-height: 70px;
    padding: 0 0 0 86px;

    background: url(../images/top/ph_search_thum.jpg) no-repeat left center #ffffff;
    -webkit-background-size: contain;
    background-size: contain;
}
#mem_main.topPage .recommend,
#mem_main.topPage .nomura {
    padding: 0 0 18px;
}
#mem_main.topPage .recommend{
    background:#eee;
}
#mem_main.topPage .recommend > h3,
#mem_main.topPage .nomura > h3 {
    text-align: center;
    padding: 20px 0 13px;
    margin: 0 10px;
    font-size: 140%;
    line-height: 1.3em;
    font-weight: normal;
}
#mem_main.topPage .nomura .txt_link{
    display: block;
    text-align: center;
    font-size: 1.3rem;
    margin: 12px 0 20px;
}
#mem_main.topPage .nomura .txt_link a{
    color:#000;
    background: url(/renovation/pc/images/arr_linkright.svg) no-repeat 0 0.1rem;
    background-size: 10px;
    padding: 0 0 0 15px;
}
#mem_main.topPage .recommend .slidebox ,
#mem_main.topPage .nomura .slidebox {
    overflow-x: auto;
    height: 343px;
    -webkit-overflow-scrolling: touch;
}
#mem_main.topPage .recommend .slidebox .slideboxinner ,
#mem_main.topPage .nomura .slidebox .slideboxinner {
    letter-spacing: -1em;
}
#mem_main.topPage .recommend .box ,
#mem_main.topPage .nomura .box {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    padding: 0;
    width: 264px;
}
#mem_main.topPage .recommend .box{
    background:#eee;
}
#mem_main.topPage .recommend .box a,
#mem_main.topPage .nomura .box a {
    letter-spacing: 0;
}
#mem_main.topPage .case,
#mem_main.topPage .special{
    padding: 20px 16px 16px;
}
#mem_main.topPage .special {padding-top: 20px;padding-bottom: 20px;background: #eee;}
#mem_main.topPage .case a,
#mem_main.topPage .special a{
    display: block;
}
#mem_main.topPage .case a img,
#mem_main.topPage .special a img{ width: 100%; }
#mem_main.topPage .case a h3,
#mem_main.topPage .special a h3{
    text-align: center;
    font-size: 18px;
    line-height: 1em;
    font-weight: normal;
    padding: 15px 0 8px;
    color: #000000;
}
#mem_main.topPage .case a p,
#mem_main.topPage .special a p{
    line-height: 1.6em;
    color: #666666;
    padding: 0 15px;
}
#mem_main.topPage .case h3 span img{
    width: 54px;
    margin: -4px 5px 0 0;
}
#mem_main.topPage .library {
    padding: 20px 16px 0;
}
#mem_main.topPage .library h3 {
    font-size: 18px;
    line-height: 1em;
    font-weight: normal;
    text-align: center;
    padding: 0 0 19px;
}
#mem_main.topPage .library .box {
    padding: 0 0 20px;
}
#mem_main.topPage .library .box a {
    display: table;
    width: 100%;
}
#mem_main.topPage .library .box a > div {
    display: table-cell;
    vertical-align: top;
}
#mem_main.topPage .library .box a .img { width: 27.3%; }
#mem_main.topPage .library .box a .img img { width: 84.3%; }
#mem_main.topPage .library .box a .right h4 {
    font-size: 14px;
    font-weight: bold;
    line-height: 1em;
    padding: 0 0 7px;
    color: #000000;
}
#mem_main.topPage .library .box a .right p {
    color: #666666;
}
#mem_main.topPage .assessment {
    background-color: #eeeeee;
    padding: 20px 16px;
}
#mem_main.topPage .assessment h3 {
    font-size: 18px;
    line-height: 1em;
    text-align: center;
    padding: 0 0 20px;
}
#mem_main.topPage .assessment a {
    display: block;
    background-color: #ffffff;
    padding: 20px 16px;
}
#mem_main.topPage .assessment a h4 {
    font-size: 18px;
    line-height: 1.27em;
    color: #333333;
    text-align: center;
    font-weight: normal;
    padding: 0 0 12px;
}
#mem_main.topPage .assessment a h4:after {
    content: '';
    display: block;
    height: 67px;
    margin: 15px 0 0;
    background: url(/renovation/pc/images/top/ic_online_assessment.svg) no-repeat center bottom;
    -webkit-background-size: contain;
    background-size: contain;
}
#mem_main.topPage .assessment a .txt {
    color: #666666;
    padding: 0 0 10px;
}
#mem_main.topPage .assessment a .btn {
    width: 67.3%;
    background-color: #333333;
    color: #ffffff;
    font-size: 14px;
    line-height: 44px;
    text-align: center;
    margin: 0 auto;
}

#mem_main.searchlistPage .rogo,
#mem_main.casePage .rogo,
#mem_main.aboutPage .rogo{
    background-color: #000000;
    text-align: center;
    padding: 20px 0;
}
#mem_main.searchlistPage .rogo img,
#mem_main.casePage .rogo img,
#mem_main.aboutPage .rogo img{ width: 262px; }
#mem_main.searchlistPage .rogo span,
#mem_main.casePage .rogo span,
#mem_main.aboutPage .rogo span{
    display: block;
    font-size: 0.83rem;
    font-weight: normal;
    line-height: 1em;
    color: #ffffff;
    padding: 15px 0 0;
}
#mem_main.searchlistPage .titlewrap .inner .title {
    text-align: center;
    padding: 20px 0 15px;
}
#mem_main.searchlistPage .titlewrap .inner .title h3 {
    font-size: 1.66rem;
    line-height: 1em;
}
#mem_main.searchlistPage .titlewrap .inner .title span {
    font-size: 1rem;
    font-weight: bold;
}
#mem_main.searchlistPage .titlewrap .inner .title h3 span {
    display: inline-block;
    padding: 0 0 0 0.45em;
}
#mem_main.searchlistPage .titlewrap .inner .title > span {
    display: block;
    line-height: 1em;
    padding: 7px 0 0;
}
#mem_main.searchlistPage .mainvisual img { width: 100%; }
#mem_main.searchlistPage .search_conditions {
    padding: 0 16px;
}
#mem_main.searchlistPage .search_conditions:after {
    content: '';
    display: block;
    padding: 13px 0 0;
}
#mem_main.searchlistPage .search_conditions .inner .location {
    text-align: center;
    padding: 20px 0 0;
}
#mem_main.searchlistPage .search_conditions .inner .location h1 {
    font-size: 1.8rem;
    line-height: 1em;
    margin: 0 0 15px;
}
#mem_main.searchlistPage .search_conditions .inner .location span {
    font-size: 1.2rem;
    /* font-weight: bold; */
}
#mem_main.searchlistPage .search_conditions .inner .location h1 span {
    display: inline-block;
    padding: 0 0 0 0.45em;
}
#mem_main.searchlistPage .search_conditions .inner .location > span {
    display: block;
    line-height: 1em;
    padding: 7px 0 0;
}
#mem_main.searchlistPage .search_conditions .inner .conditions {
    padding: 15px 0 0;
    color: #666666;
}
#mem_main.searchlistPage .search_conditions .inner .conditions h4 {
    display: inline;
    color: #000000;
}
#mem_main.searchlistPage .search_conditions .inner .btn_conditions_change {
    padding: 15px 0 0;
}
#mem_main.searchlistPage .search_conditions .inner .btn_conditions_change a {
    display: block;
    font-size: 1.16rem;
    line-height: 1em;
    text-align: center;
    color: #ffffff;
    background-color: #666666;
    padding: 15px 0;
}
#mem_main.searchlistPage .count_sort {
    background-color: #eeeeee;
    padding: 11px 16px;
}
#mem_main.searchlistPage .count_sort .inner {
    display: table;
    width: 100%;
}
#mem_main.searchlistPage .count_sort .inner .count,
#mem_main.searchlistPage .count_sort .inner .sort {
    display: table-cell;
    vertical-align: middle;
}
#mem_main.searchlistPage .count_sort .inner .count {
    width: 33.3%;
}
#mem_main.searchlistPage .count_sort .inner .count div {
    display: inline-block;
    font-size: 1rem;
    line-height: 1em;
}
#mem_main.searchlistPage .count_sort .inner .count span {
    font-size: 2rem;
    padding: 0 0.1em 0 0;
    line-height: 1em;
}
#mem_main.searchlistPage .count_sort .inner .sort {
    width: 66.7%;
}
#mem_main.searchlistPage .count_sort .inner .sort .input_select {
    position: relative;
    background-color: #cccccc;
}
#mem_main.searchlistPage .count_sort .inner .sort .input_select:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 8.5%;
    display: block;
    width: 10px;
    height: 8px;
    margin: -4px 0 0;
    background: url(../images/searchlist/arr_pulldown.svg) no-repeat center;
    -webkit-background-size: contain;
    background-size: contain;
}
#mem_main.searchlistPage .count_sort .inner .sort .input_select select {
    width: 100%;
    padding: 10px 20% 10px 10px;
    -webkit-appearance: none;
    background-color: transparent;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1.16rem;
    line-height: 1em;
}

#mem_main.searchlistPage .list_wrap {
    background-color: #eeeeee;
    padding: 0 0 1px;
}
#mem_main .mem_boxlistwrap .box,
#mem_main.searchlistPage .list_wrap .box {
    position: relative;
    background-color: #ffffff;
    margin: 0 4px 4px;
    padding: 12px 0;
}
#mem_main .mem_boxlistwrap .box a,
#mem_main.searchlistPage .list_wrap .box a {
    color: #000000;
}
#mem_main .mem_boxlistwrap .box .img,
#mem_main .mem_boxlistwrap .box .txt,
#mem_main.searchlistPage .list_wrap .box .img,
#mem_main.searchlistPage .list_wrap .box .txt {
    margin: 0 12px;
}
#mem_main .mem_boxlistwrap .box .img,
#mem_main.searchlistPage .list_wrap .box .img {
    position: relative;
    overflow: hidden;
}
#mem_main .mem_boxlistwrap .box .img,
#mem_main.searchlistPage .list_wrap .box .img:before {
    content:"";
    display: block;
    padding-top: 66.7%; /* AcA≪E?A￡A?a?￠A￡a??a??A\A1a?|A￡A?AR66.7%A￡A?A≪A\a?oAoA\ARA! */
    width: 100%;
}
#mem_main .mem_boxlistwrap .box .img img,
#mem_main.searchlistPage .list_wrap .box .img img { 
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    margin: auto;
}
#mem_main .mem_boxlistwrap .box .img .icon,
#mem_main.searchlistPage .list_wrap .box .img .icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    letter-spacing: -1em;
}
#mem_main .mem_boxlistwrap .box .img .icon span,
#mem_main.searchlistPage .list_wrap .box .img .icon span {
    display: inline-block;
    width: 40px;
    background: no-repeat center;
    -webkit-background-size: cover;
    background-size: cover;
}
#mem_main .mem_boxlistwrap .box .img .icon span.new,
#mem_main.searchlistPage .list_wrap .box .img .icon span.new { background-image: url(../images/ic_new.svg); background-color: #c00f11; }
#mem_main .mem_boxlistwrap .box .img .icon span.movie,
#mem_main.searchlistPage .list_wrap .box .img .icon span.movie { background-image: url(../images/ic_movie.svg); background-color: #666666; }
#mem_main .mem_boxlistwrap .box .img .icon span:before,
#mem_main.searchlistPage .list_wrap .box .img .icon span:before {
    content: '';
    display: block;
    padding: 100% 0 0;
}
#mem_main .mem_boxlistwrap .box .txt h3,
#mem_main.searchlistPage .list_wrap .box .txt h3 {
    font-size: 1.5rem;
    line-height: 1.5em;
    padding: 15px 0 10px;
    font-weight: bold;
}
#mem_main .mem_boxlistwrap .box .txt p,
#mem_main.searchlistPage .list_wrap .box .txt p {
    padding: 0 0 0.8em;
}
#mem_main.searchlistPage .list_wrap .box .txt .price,
#mem_main .mem_boxlistwrap .box .txt .price{
    font-weight:bold;
}
#mem_main .mem_boxlistwrap .box .txt .read,
#mem_main.searchlistPage .list_wrap .box .txt .read {
    font-size: 1.08rem;
    line-height: 1.3em;
    font-weight: bold;
    color: #333333;
}
#mem_main .mem_boxlistwrap .box .txt .price span,
#mem_main.searchlistPage .list_wrap .box .txt .price span {
    font-size: 1.33rem;
    color: #c00f11;
    padding: 0 0.2em 0 0;
}
#mem_main .mem_boxlistwrap .box .fav,
#mem_main.searchlistPage .list_wrap .box .fav {
    position: absolute;
    top: 0;
    right: 0;
    width: 36px;
    margin: 15px 15px 0 0;
}
#mem_main .mem_boxlistwrap .box .fav a,
#mem_main.searchlistPage .list_wrap .box .fav a {
    display: block;
    width: 100%;
    background: url(../images/searchlist/ic_fav_off.svg) no-repeat center;
    -webkit-background-size: contain;
    background-size: contain;
}
#mem_main .mem_boxlistwrap .box .fav.active a,
#mem_main.searchlistPage .list_wrap .box .fav.active a { background-image: url(../images/searchlist/ic_fav_on.svg); }
#mem_main .mem_boxlistwrap .box .fav.active a:before,
#mem_main.searchlistPage .list_wrap .box .fav a:before {
    content: '';
    display: block;
    padding: 100% 0 0;
}
#mem_main.searchlistPage .listloader {
    height: 0;
    overflow: hidden;
    background-color: #eeeeee;
}
#mem_main.searchlistPage .listloader div {
    padding: 64px 0 0;
    background: url(../images/searchlist/ic_preload.svg) no-repeat center;
    -webkit-background-size: auto 50%;
    background-size: auto 50%;
}
#mem_main.searchlistPage .list_zero {
    background-color: #eeeeee;
    padding: 16px 16px 20px;
}
#mem_main.searchlistPage .list_zero h3 {
    font-size: 18px;
    line-height: 1.5em;
    font-weight: bold;
}
#mem_main.searchlistPage .list_zero p {
    font-size: 14px;
    line-height: 1.5em;
    color: #333333;
    padding: 15px 0;
}
#mem_main.searchlistPage .list_zero .btn a {
    display: block;
    height: 44px;
    background-color: #666666;
    color: #ffffff;
    font-size: 14px;
    line-height: 44px;
    text-align: center;
}

#mem_main.casePage .titlewrap {
    width: 100%;
    padding: 20px 16px 13px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#mem_main.casePage .titlewrap p {
    padding: 0 0 13px;
    text-align: center;
    line-height: 0;
}
#mem_main.casePage .titlewrap .txt_top{
    line-height: 1.7em;
    font-size: 1.3rem;
    margin: 8px 0 0;
}
#mem_main.casePage .titlewrap p img { width: 40px; }
#mem_main.casePage .titlewrap h1 {
    font-size: 1.7rem;
    line-height: 1.5em;
    text-align: center;
}
#mem_main.casePage .list_wrap {
    background-color: #eeeeee;
    padding: 4px 4px 0;
}
#mem_main.casePage .list_wrap .box {
    padding: 0 0 4px;
}
#mem_main.casePage .list_wrap .box a {
    display: block;
    padding: 12px;
    background-color: #ffffff;
    color: #000000;
}
#mem_main.casePage .list_wrap .box a .img {
    position: relative;
    width: 100%;
    overflow: hidden;
}
#mem_main.casePage .list_wrap .box a .img:before {
    content:"";
    display: block;
    padding-top: 67%;
}
#mem_main.casePage .list_wrap .box a img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
 }
#mem_main.casePage .list_wrap .box a h3 {
    font-size: 18px;
    line-height: 1.5em;
    padding: 10px 0;
}
#mem_main.casePage .list_wrap .box a h3 span{
    font-size: 15px;
}
#mem_main.aboutPage .mainvisual {
    padding: 16px;
    background: url("/renovation/smp/images/top/ph_mv_img1.jpg") no-repeat center;
    -webkit-background-size: cover;
    background-size: cover;
    position:relative;
    z-index: -1;
}
#mem_main.aboutPage .mainvisual:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.79);
    z-index: -1;
}
#mem_main.aboutPage .mainvisual .titlewrap p {
    text-align: center;
    padding: 4px 0 0;
}
#mem_main.aboutPage .mainvisual .titlewrap p img { width: 57px; }
#mem_main.aboutPage .mainvisual .titlewrap h1 {
    text-align: center;
    font-size: 18px;
    font-weight: normal;
    padding: 22px 0 20px;
}
#mem_main.aboutPage .mainvisual .txtwrap .img {
    text-align: center;
    padding: 0 0 15px;
}
#mem_main.aboutPage .mainvisual .txtwrap .img img { width: 80px; }
#mem_main.aboutPage .mainvisual .txtwrap p {
    font-size: 14px;
    line-height: 1.5em;
    padding: 0 0 1.5em;
}
#mem_main.aboutPage .mainvisual .txtwrap p:last-child { padding: 0; }
#mem_main.aboutPage .mainvisual .txtwrap p strong {
    font-weight: bold;
    color: #c00f11;
}
#mem_main.aboutPage .diff {
    padding: 16px;
    background-color: #000000;
    color: #ffffff;
}
#mem_main.aboutPage .diff h3 {
    padding: 4px 0 15px;
    font-size: 18px;
    font-weight: normal;
    line-height: 1em;
}
#mem_main.aboutPage .diff p {
    font-size: 14px;
    line-height: 1.5em;
    padding: 0 0 1.25em;
}
#mem_main.aboutPage .diff p:last-child { padding: 0; }
#mem_main.aboutPage .diff p strong {
    font-weight: bold;
    color: #dd4444;
}
#mem_main.aboutPage .diff p.note {
    font-size: 12px;
    line-height: 1.5em;
    color: #cccccc;
}
#mem_main.aboutPage .diff .img {
    padding: 0 0 1.5em;
}
#mem_main.aboutPage .merit {
    padding: 16px 16px 25px;
}
#mem_main.aboutPage .merit h3 {
    padding: 16px 0 37px;
    font-size: 18px;
    font-weight: normal;
    line-height: 1em;
    text-align: center;
}
#mem_main.aboutPage .merit .box {
    padding: 0 0 27px;
}
#mem_main.aboutPage .merit .box .img { text-align: center; }
#mem_main.aboutPage .merit .box .img img { width: 80px; }
#mem_main.aboutPage .merit .box:last-child { padding: 0; }
#mem_main.aboutPage .merit .box h4 {
    font-size: 18px;
    font-weight: bold;
    line-height: 1em;
    padding: 15px 0 12px;
    text-align: center;
}
#mem_main.aboutPage .merit .box p {
    color: #444444;
    font-size: 14px;
    line-height: 1.5em;
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100000;

    display: none;
}
.modal .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.9);
}
#mem_search_conditions_modal .window {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    background-color: #eeeeee;
}
#mem_search_conditions_modal .window .inner {
    position: relative;
}
#mem_search_conditions_modal .window .inner .btn_close {
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    padding: 12px 12px 0 0;
}
#mem_search_conditions_modal .window .inner .close {
    display: block;
    width: 100%;
    padding: 100% 0 0;
    background: url(../images/searchlist/btn_modalclose.svg) no-repeat center #aaaaaa;
    -webkit-background-size: 42%;
    background-size: 42%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
#mem_search_conditions_modal .window .inner h3 {
    text-align: center;
    border-bottom: 1px solid #cccccc;
    padding: 20px 0;
    font-size: 2rem;
    line-height: 1em;
    font-weight: normal;
}
#mem_search_conditions_modal .window .inner .block {
    border-bottom: 1px solid #cccccc;
    padding: 20px 16px;
}
#mem_search_conditions_modal .window .inner .block h4 {
    text-align: center;
    font-size: 1.33rem;
    line-height: 1em;
    font-weight: normal;
    padding: 0 0 20px;
}
#mem_search_conditions_modal .window .inner .block input[type=checkbox] { display: none; }
#mem_search_conditions_modal .window .inner .block li {
    margin: 0 0 20px;
}
#mem_search_conditions_modal .window .inner .block li:last-child { margin: 0; }
#mem_search_conditions_modal .window .inner .block input[type=checkbox] + span {
    position: relative;
    display: block;
    min-height: 24px;
    padding: 5px 0 0 36px;
    font-size: 1.16rem;
    line-height: 1em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#mem_search_conditions_modal .window .inner .block input[type=checkbox] + span span {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 24px;
    background-color: #ffffff;
    font-size: 0;
    line-height: 0;
}
#mem_search_conditions_modal .window .inner .block input[type=checkbox] + span span:before {
    content: '';
    display: block;
    padding: 100% 0 0;
}
#mem_search_conditions_modal .window .inner .block input[type=checkbox] + span span:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/searchlist/ic_check.svg) no-repeat center;
    -webkit-background-size: 84% auto;
    background-size: 84% auto;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
#mem_search_conditions_modal .window .inner .block input[type=checkbox]:checked + span span:after { opacity: 1; }

#mem_search_conditions_modal .window .inner .btn_submit {
    padding: 20px 0;
    text-align: center;
}
#mem_search_conditions_modal .window .inner .btn_submit input {
    width: 43%;
    padding: 15px 0;
    background-color: #c00f11;
    font-size: 1.16rem;
    color: #ffffff;
    border: none;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

#mem_search_conditions_modal .window .inner .block.area .now_btn {
    display: table;
    width: 100%;
    margin: 0 0 1.7%;
}
#mem_search_conditions_modal .window .inner .block.area .now_btn .now,
#mem_search_conditions_modal .window .inner .block.area .now_btn .btn {
    display: table-cell;
    vertical-align: middle;
}
#mem_search_conditions_modal .window .inner .block.area .now_btn .now {
    width: 50.2%;
}
#mem_search_conditions_modal .window .inner .block.area .now_btn .now h5 {
    font-size: 1.33rem;
}
#mem_search_conditions_modal .window .inner .block.area .now_btn .btn {
    width: 49.8%;
}
#mem_search_conditions_modal .window .inner .block.area .now_btn .btn a {
    display: block;
    font-size: 1.16rem;
    line-height: 1em;
    padding: 15px 0;
    text-align: center;
    background-color: #cccccc;
    color: #000000;
}
#mem_search_conditions_modal .window .inner .block.area .now_btn .btn a:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 9px;
    margin: 0 0 0 6px;
    background: url(../images/arr_linkright.svg) no-repeat center;
    -webkit-background-size: contain;
    background-size: contain;
}
#mem_search_conditions_modal .window .inner .block.area ul li {
    margin: 0 0 1px;
}
#mem_search_conditions_modal .window .inner .block.area ul li:last-child { margin: 0; }
#mem_search_conditions_modal .window .inner .block.area ul li label {
    display: block;
    background-color: #dddddd;
    padding: 10px;
}

#mem_search_conditions_modal .window .inner .block .js-slider .slider_wrap {
    position: relative;
    padding: 25px 0 0;
    margin: 0 23px;
    font-size: 0;
    line-height: 0;
}
#mem_search_conditions_modal .window .inner .block .js-slider .slider_wrap .parts {
    position: relative;
    height: 28px;
}
#mem_search_conditions_modal .window .inner .block .js-slider .slider_wrap .bar {
    position: absolute;
    top: 12px;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #999999;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
#mem_search_conditions_modal .window .inner .block .js-slider .slider_wrap .bar div {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background-color: #c00f11;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
#mem_search_conditions_modal .window .inner .block .js-slider .slider_wrap .left_btn,
#mem_search_conditions_modal .window .inner .block .js-slider .slider_wrap .right_btn {
    position: absolute;
    top: 0;
    width: 28px;
    height: 28px;
    margin-top: 0;
    background: no-repeat center;
    -webkit-background-size: contain;
    background-size: contain;
}
#mem_search_conditions_modal .window .inner .block .js-slider .slider_wrap .left_btn {
    left: 0;
    margin-left: -14px;
    background-image: url(../images/searchlist/btn_sliderleft.svg);
}
#mem_search_conditions_modal .window .inner .block .js-slider .slider_wrap .right_btn {
    right: 0;
    margin-right: -14px;
    background-image: url(../images/searchlist/btn_sliderright.svg);
}
#mem_search_conditions_modal .window .inner .block .js-slider .slider_wrap .left_txt,
#mem_search_conditions_modal .window .inner .block .js-slider .slider_wrap .right_txt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    font-size: 1.16rem;
    line-height: 1em;
}
#mem_search_conditions_modal .window .inner .block .js-slider .slider_wrap .left_txt {
    text-align: left;
    margin-left: -23px;
}
#mem_search_conditions_modal .window .inner .block .js-slider .slider_wrap .right_txt {
    text-align: right;
    margin-left: 23px;
}

.fav_modal .window {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90%;
    margin: 0 0 0 -45%;
    background-color: #e5e7e8;
}
.fav_modal .window h4 {
    text-align: center;
    padding: 20px 0;
    font-size: 1.5rem;
    line-height: 1em;
}
.fav_modal .window .btnwrap {
    text-align: center;
    padding: 0 0 20px;
}
.fav_modal .window .btnwrap a {
    display: inline-block;
    width: 47.9%;
    padding: 14px 0;
    color: #000000;
    background-color: #cccccc;
    font-size: 1.16rem;
    line-height: 1em;
}
#mem_fav_add_modal .window { margin-top: -77px; }
#mem_fav_add_modal .window h4 { padding-bottom: 10px; }
#mem_fav_add_modal .window p {
    text-align: center;
    padding: 0 0 10px;
}
#mem_fav_add_modal .window p img {
    width: 32px;
    vertical-align: middle;
}
#mem_fav_remove_modal .window { margin-top: -61px; }


#mem_main .RsdTop{
    padding: 3px;
    background: #828282;
    color: #fff;
}
#mem_footer .Rstxt{
    padding: 10px;
    color: #717171;
    border-top: 3px solid #eee;
}
.text_pr{
    margin: 20px 15px;
    border: 1px solid #dddddd;
    padding: 15px;
    box-sizing: border-box;
}

/*--------20170921--------*/
.besepo{
    padding: 20px;
    background: #eee;
}
.besepo a img{
     margin:0 auto;
     text-align:center;
     display: block;
     background: #fff;
     padding: 13px 8px;
}
.besepo a p{
    line-height: 1.6em;
    color: #666666;
    margin: 10px 0 0;
}
.besepo .besepo_btn{
    background:#999;
    border-radius:0;
    color:#fff;
    padding:10px 0;
    font-size: 110%;
    text-align: center;
}