@charset "UTF-8";


/*=============================================================
下層共通　静的
=============================================================*/

/*===============下層共通　静的・動的==============================*/

.marugo {
    font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro";
}

#pageUnder .body {
    padding: 80px 0 100px;
}

#main_ph .fixed-bg_fx {
    overflow: hidden;
    min-height: 220px;
    position: relative;
    z-index: 1;
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
}

#main_ph .fixed-bg_fx::after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 400px;
    position: fixed;
    top: 0;
    left: 50%;
    z-index: -1;
    transform: translateX(-50%);
    background-size: 100%;
    background-repeat: no-repeat;
}

/* #main_ph .bg_fx_coronavirus {
    background-image: url("/images/coronavirus/main_bk.jpg");
    background-position-y: -170px;
}

.online_meeting #main_ph {
    background-image: url("/images/online_meeting/main_bk.jpg");
    background-size: 100%;
    background-position: top -10vw center;
} */

.bg_fx_contact #main_ph .fixed-bg_fx::after {
    background-image: url("/images/contact/main_bk.jpg");
    background-position: bottom;
}

#main_ph .bg_fx_pp::after {
    background-image: url("/images/pp/main_bk.jpg");
    background-position: bottom;
}

.bg_fx_assessmentform #main_ph .fixed-bg_fx::after {
    background-image: url("/images/assessmentform/main_bk.jpg");
    background-position: bottom;
}


.error #main_ph .bg_fx_error::after {
    background-image: url(/images/top/top_slide/slide_01.jpg);
    background-position: bottom;
  }

.resources #main_ph .bg_fx_resources::after {
    background-image: url(/images/contact/main_bk2.jpg);
    background-position: bottom;
  }

.thanks #main_ph .bg_fx_thanks::after {
    background-image: url(/images/top/top_slide/slide_01.jpg);
    background-position: bottom;
  }

section .under_line {
    color: #333;
    border-bottom-width: 3px;
    border-bottom-style: solid;
    border-bottom-color: #94cc17;
}

section .color1 {
    color: #cb050f;
}

/*=============================================*/
#main_ph .contents_wrap {
    background-color: rgba(17, 25, 7, 0.6);
    min-height: 220px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    grid-gap: .25rem 1rem;
}

#main_ph .fixed-bg_fx .contents_wrap h2 {
    color: #fff;
    text-align: center;
    font-size: 2rem;
    letter-spacing: .15em;
    font-weight: bold;
    line-height: 1.2;
}

#main_ph .fixed-bg_fx .contents_wrap .txt {
    color: #fff;
    text-align: center;
    font-size: 1.1rem;
    line-height: 1.8em;
}

#main_ph .contents_wrap .main_icon {
    position: absolute;
    width: 11vw;
    max-width: 140px;
    min-width: 90px;
    bottom: 0;
}

#main_ph .contents_wrap .main_icon_left {
    left: 10%;
}

#main_ph .contents_wrap .main_icon_right {
    right: 10%;
}

/*=================================*/
#mailform input[type="radio"],
#mailform input[type="checkbox"] {
    display: none;
}

/*=================================*/

/*=========フォーム共通========*/

#pageUnder #form .kiyaku_link {
    text-align: center;
}

/*=================================*/

/*=========フォーム共通　物件共通==========*/

#flow {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 40px 0 30px;
}

#flow h3 {
    font-size: 1.6rem;
    font-weight: bold;
}

#flow h3:before {
    content: '';
    display: inline-block;
    width: 44px;
    height: 44px;
    background-size: contain;
    vertical-align: -12px;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-image: url(/images/form/icon_h3_form.png);
}

#flow h3+p {
    font-size: 1rem;
    line-height: 1.8em;
    padding: 10px 0;
}

#flow .flow1 {
    width: 40%;
}

#contact h2 {
    border-bottom: 2px solid #6FB92C !important;
}

#pageUnder #form .title_sub,
#contact #form .title_sub {
    font-size: 1rem;
    text-align: center;
    line-height: 2em;
    padding: 0 0 30px;
}

/*=============================================================
下層共通　動的
=============================================================*/

/*==============値下げ物件専用　hd_固定しないページ==============================*/

.main_ph_none .floating {
    position: fixed;
    width: 100%;
    z-index: 5;
    text-align: center;
    top: 0;
    display: none;
    background: #000;
    background-color: rgba(0, 0, 0, 0.8);
    transition: opacity .5s ease-out;
}

.main_ph_none .floating_in {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: center;
    color: #fff;
    padding: 10px 10%;
}

.main_ph_none .floating ul {
    display: flex;
    justify-content: space-between;
    width: 50%;
}

.main_ph_none .floating ul li {
    width: 30%;
    position: relative;
}

.main_ph_none .floating ul li a {
    color: #fff;
    font-size: 0.8em;
    display: block;
    padding: 40px 0 0;
    width: 100%;
}

.main_ph_none .floating ul li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0)
}

.main_ph_none .floating ul li.float_reserve:before {
    background: url(/images/search/floating_reservation.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 38px;
    height: 32px;
}

.main_ph_none .floating ul li.float_contact:before {
    background: url(/images/search/floating_mail.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 38px;
    height: 32px;
}

.main_ph_none .floating ul li.float_phone:before {
    background: url(/images/search/floating_tel.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 35px;
    height: 32px;
}

/*.main_ph_none .floating ul li dl {
    font-size: .9rem;
}

.main_ph_none .floating ul li dl dt {
    width: 20%;
    margin: 0 auto;
}

.main_ph_none .floating ul li dl dd {
    font-size: .8rem;
}

.main_ph_none .floating a {
	display: block;
	color: #fff;
	text-decoration: none;
}

.main_ph_none .floating a:hover {
	opacity: 0.6;
}*/

.main_ph_none .floating .stock_box {
    width: 23%;
}

.main_ph_none .floating .stock_box a {
    display: block;
    box-sizing: border-box;
    border: 1px solid #ccc;
    background-color: #fff;
    color: #333;
    padding: 10px 2em;
}

.main_ph_none .floating .stock_box a i {
    padding-right: .5em;
}

.main_ph_none .floating .stock_box a:hover {
    display: block;
    color: #CC3248;
}

.main_ph_none .floating .stock_box a i:hover {
    color: #CC3248;
}

/*=====================================*/

.main_ph_none .body {
    padding: 40px 0 100px !important;
}

#hd_search {
    padding-top: 10px;
    padding-bottom: 10px;
}

#hd_search .hd_search_wrap .hd_type {
    float: left;
}

#hd_search .hd_search_wrap li.hd_type .cap {
    float: left;
    font-weight: bold;
    color: #3168CE;
    background-image: url(/images/top/icon_arrow1.png);
    background-repeat: no-repeat;
    background-size: auto 10px;
    background-position: right center;
    padding-right: 15px;
    margin-right: 5px;
}

#hd_search .hd_search_wrap li.hd_type label {
    font-size: .8rem;
}

#hd_search .hd_search_wrap li.hd_type label input[type="radio"] {
    display: inline;
}

#hd_search .hd_search_wrap li.hd_type input {
    margin: 0 5px 0 0;
}

#hd_search .hd_search_wrap li.hd_type {
    overflow: hidden;
    background-image: url(/images/top/icon_arrow3.png);
    background-repeat: no-repeat;
    background-size: auto 10px;
    background-position: right center;
    padding-right: 40px;
    margin-right: 10px;
}

#hd_search .hd_search_wrap li {
    float: left;
    margin-right: 15px;
    font-size: .85rem;
}

#hd_search .hd_search_wrap li a {
    text-decoration: underline;
}

#hd_search .hd_search_wrap li a:hover {
    color: #be3d3c;
}

#hd_search .return {
    text-align: right;
    font-size: 14px;
    font-weight: bold;
}

#hd_search .return a {
    text-decoration: underline;
}

#hd_search .return:before {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    background-image: url(/images/top/icon_arrow1.png);
    background-size: contain;
    vertical-align: -1px;
    padding-right: 7px;
    background-repeat: no-repeat;
}

.update {
    text-align: right;
    font-size: 11px;
    padding-top: 50px;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#head h3 {
    text-align: center;
    color: #333333;
    font-weight: bold;
    letter-spacing: 0.1em;
    font-size: 28px;
    padding-top: 60px;
    position: relative;
    display: block;
    margin-bottom: 1em;
}

#head p.h3_cap {
    font-size: 14px;
    line-height: 1.9em;
    color: #333;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 15px;
    padding-left: 0px;
    margin: 0px;
    text-align: center;
}

#head h3:before {
    content: '';
    position: absolute;
    bottom: -20px;
    display: inline-block;
    width: 80px;
    height: 4px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #6fb92c;
}

/*====================================================*/

.bk_L_green {
    background-color: #f8ffee;
}

.bk_white {
    background-color: #fff;
}

.bk_grey {
    background-color: #efeeee;
}

.bk_green {
    background-color: #6FB92C;
}

/*====================================================*/

#bukken_check_wrap {
    margin-top: 90px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.premium_bn+#bukken_check_wrap {
    margin-top: 30px;
}

#bukken_check_wrap .bukken_check {
    padding-left: 2%;
    padding-right: 2%;
}

#bukken_check_wrap .bukken_check p em {
    padding-right: 3px;
}

/*====================================================*/

#bukken_check_wrap .bukken_check ul.right li {
    float: right;
}

#bukken_check_wrap .bukken_check ul.name_Li {
    width: 40%;
    float: right;
}

#bukken_check_wrap .bukken_check ul.name_Li li {
    float: left;
    margin-right: 2%;
    width: 48%;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 10px;
}

#bukken_check_wrap .bukken_check ul.name_Li li:last-child {
    margin-right: 0;
}


#bukken_check_wrap .bukken_check ul li i {
    padding-right: 4px;
}

#bukken_check_wrap .bukken_check ul li:last-child {
    margin-right: 0;
}

#bukken_check_wrap .bukken_check ul li a {
    display: block;
}


#bukken_check_wrap .bukken_check ul li.addition {
    background-color: #fff;
    box-sizing: border-box;
    border: solid #CB050F 2px;
    ;
}

#bukken_check_wrap .bukken_check ul li.addition {
    background-color: #fff;
    box-sizing: border-box;
    border: solid #CB050F 2px;
}

#bukken_check_wrap .bukken_check ul li.addition a {
    color: #CB050F;
}


#bukken_check_wrap .bukken_check ul li.deletion a {
    color: #444;
}

#bukken_check_wrap .bukken_check ul li.favorite {
    background-color: #FFF298;
    box-sizing: border-box;
    border: solid #CB050F 2px;
}
#bukken_check_wrap .bukken_check ul li.favorite a {
    color: #CB050F;
}


#bukken_check_wrap .bt a.request {
    color: #fff !important;
}



#bukken_check_wrap .bukken_check p.together {
    color: #fff;
    padding-top: 20px;
}



/*====================================================*/





#head #info {
    border: 1px solid #6fb92c;
    background-color: #FFFBF8;
    padding-left: 12px;
    padding-top: 10px;
    border-radius: 10px;
}

#head #info h2 {
    font-size: 14px;
    line-height: 1.5em;
    font-weight: bold;
    color: #000;
}

#head #info .number {
    font-size: 12px;
    line-height: 1.5em;
    color: #000;
}

#head #info .number b {
    font-size: 18px;
    font-weight: bold;
    color: #CA050F;
    line-height: 1.5em;
}

#head #info .sort {
    font-size: .8rem;
    margin: 0px;
    padding: 0px;
}

#head #info .sort a,
#head .pagenation a {
    color: #339933;
    font-weight: bold;
}

#head #info .sort a:hover,
#head #info .pagenation a:hover {
    color: #000;
}

#head #info .typeselect {
    font-size: 12px;
    line-height: 1.5em;
    padding-top: 5px;
    padding-bottom: 10px;
}

/*==============.more-src======================*/

#head #info .more-src {
    padding-bottom: 10px;
    padding-top: 10px;
}

#head #info .more-src p {
    font-size: .9rem;
    line-height: 1.5em;
    color: #333;
    padding-bottom: 3px;
    font-weight: bold;
}


#head #info .more-src th {
    font-size: .8rem;
    line-height: 1.5em;
    color: #333;
    text-align: left;
    padding-top: 6px;
    padding-right: 6px;
    padding-bottom: 6px;
    padding-left: 8px;
    width: 10%;
    background-color: #E9E9E9;
    font-weight: bold;
}


#head #info .more-src td {
    padding-left: 10px;
    font-size: .8rem;
    line-height: 1.5em;
}

#head #info .more-src .bt {
    overflow: hidden;
    background-color: unset;
    padding: 20px 0;
}

#head #info .more-src li a {
    display: block;
    text-align: center;
}

#head #info .more-src li .bt1 {
    background-color: #339933;
    width: 30%;
    margin: 0 auto;
    padding: 10px 0;
    border-radius: 5px;
}


#head #info .more-src .freeword input {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 10px;
    vertical-align: middle;
    width: 60%;
    padding: 4px 10px;
    margin: 10px 0;
}



#head #info .morelink {
    padding-top: 10px;
    font-size: 13px;
    font-weight: bold;
    padding-bottom: 5px;
}

#head #info .morelink a {
    background-image: url(../image/side-com-arrow.gif);
    background-position: left center;
    padding-left: 15px;
    color: #390;
}

/*=============================================*/


#head #info .more-src select {
    border: 1px solid #b6b6b6;
    box-sizing: border-box;
    margin-bottom: 10px;
    margin-top: 10px;
    background-color: #efefef;
    border-radius: 3px;
}





/*====================================================*/
#head .bt {
    background-color: #CB050F;
    font-weight: bold;
}

#head .bt a {
    color: #fff;
    display: block;
}

#head .entry_box {
    margin-top: 70px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#head .entry_box ul {
    text-align: center;
}

#head .entry_box ul li {
    font-size: 15px;
    font-weight: bold;
    display: inline;
    padding-right: 1%;
}

#head .entry_box ul li span {
    color: #CA050F;
    font-size: 26px;
}

#head .bukken_check .text em {
    padding-right: 3px;
}


#head .bukken_check ul.name_Li li a {
    padding-top: 5px;
    padding-bottom: 5px;
    display: block;
}


#head .bukken_check ul.name_Li li:last-child {
    margin-right: 0;
}



#head .bukken_check ul li i {
    padding-right: 4px;
}

#head .bukken_check ul li:last-child {
    margin-right: 0;
}

#head .bukken_checkul li.bt {
    display: block;
}

#head .bukken_check ul li a {
    display: block;
    font-size: 90%;
}


#head .bukken_check ul li.addition {
    background-color: #fff;
    box-sizing: border-box;
    border: solid #CB050F 2px;
}

#head .bukken_check ul li.addition a {
    color: #CB050F;
}


#head .bukken_check ul li.addition.del {
    background-color: #ffb2b2;
}


#head .bukken_check ul li.deletion a {
    color: #444;
}

#head .bukken_check ul li.favorite a {
    color: #CB050F;
}

.detail_table .scroll-hint-icon{
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/*====================================================*/

#look {
    margin-bottom: 60px;
}

/*============*/

#look #sub-menu {
    margin-top: 30px;
}

#look #sub-menu ul {
    display: flex;
    justify-content: space-between;
}

#look #sub-menu ul li {
    width: 23%;
    padding: 10px 1%;
}

#look #sub-menu ul li a {
    display: block;
    position: relative;
    text-align: center;
    color: #fff;
    font-weight: bold;
    border-radius: 10px;
    padding: 14px 0;
}

#look #sub-menu ul li a i {
    position: absolute;
    right: 8%;
    top: 35%;
    padding-left: .5em;
}


#look .shinchiku {
    background-color: #cc3248;
}

#look .used {
    background-color: #323b75;
}

#look .land {
    background-color: #2b7241;
}

#look .man {
    background-color: #fc9732;
}

/*============*/

#look #shinchiku_box,
#look #used_box,
#look #land_box,
#look #man_box {
    margin: 40px 0 60px;
}

#look .lookBox_obi {
    text-align: center;
    padding: 10px 0;
    color: #fff;
    font-weight: bold;
    font-size: 1.3rem;
}




/*=======slideBox=====*/

#look #lookBox .slideBox {
    overflow-x: scroll;
    display: flex;
}

#look #lookBox .slideBox .box_wrap {
    min-width: 1200px;
}


/*============*/



#look .box_btn_flat a.btn_flat {
    overflow: hidden;
    padding: 1.2rem 1.0rem;
    color: #fff;
    background: #2E4F07;
    position: relative;
    display: block;
    text-align: center;
    font-size: 1.2rem;
    width: 400px;
    margin: 30px auto;
    border-radius: 10px;
}

#look .box_btn_flat a.btn_flat span {
    position: relative;
    z-index: 1;
}

#look .box_btn_flat a.btn_flat:before {
    position: absolute;
    top: 0;
    left: calc(-100% + 10px);
    width: 100%;
    height: 100%;
    content: '';
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
    background: #6FB92C;
}

#look .box_btn_flat a.btn_flat:after {
    position: absolute;
    top: 0;
    right: calc(-100% + 10px);

    width: 100%;
    height: 100%;

    content: '';
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);

    background: #6FB92C;
}

#look .box_btn_flat a.btn_flat:hover:before {
    -webkit-transform: translateX(50%) translateY(0);
    transform: translateX(50%) translateY(0);
}

#look .box_btn_flat a.btn_flat:hover:after {
    -webkit-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0);
}



/*============*/


#lookBox .box_wrap {
    margin-top: 30px;
    box-sizing: border-box;
    border: solid 3px #b7b7b7;
    position: relative;
}



#lookBox .box_wrap .member_mark {
    position: absolute;
    top: 0px;
    right: 0px;
}



#lookBox .lockup {
    font-size: 20px;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#lookBox .lockup a {
    color: #0025ff;
    font-weight: bold;
    text-decoration: underline;
}

#lookBox .kaiin_title a {
    color: #CB050F;
}



#lookBox .lockup input {
    transform: scale(2, 2);
    /* margin-left: 5px;
    margin-top: 14px; */
    margin-right: 0.8em;
    display: inline-block;
}



#lookBox .box {
    overflow: hidden;
    padding-bottom: 30px;
    height: 100%;
}


#lookBox .box .inner {
    width: 96%;
    height: calc(100% - 20px);
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0 0 !important;
    max-width: unset;
}


#lookBox .box .left {
    /*float: left;*/
    width: 48%;
}

#lookBox .box_flyer .left {
    width: 30%;
}



#lookBox .box .left .mainImg {
    overflow: hidden;
    box-sizing: border-box;
    border: solid #b7b7b7 1px;
    background-color: #fff;
    position: relative !important;
    width: 100%;
    text-align: center;
    min-height: 300px;
}


#lookBox .box .left .mainImg_flyer {
    min-height: 200px;
}




#lookBox .box .left .mainImg p.decision {
    color: #333;
    z-index: 100;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    font-size: 2rem;
    padding: 1rem 0;
    background-color: rgba(255, 255, 255, 0.8);
}




#lookBox .box .left .blur {
    -ms-filter: blur(6px);
    filter: blur(6px);
}


/*============*/



.box .left .mainImg {
    overflow: hidden;
    width: 100%;
    height: auto;
}

.box .left .mainImg img {
    display: block;
    transition: 0.5s;
    width: auto;
    max-height: 400px;
}

.box .left .mainImg_flyer img {
    max-height: 200px;
}




.box .left .mainImg img:hover {
    transform: scale(1.1, 1.1);
}


/*=========================================*/

.listContents .listBox .mainImg {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.listContents .listBox .mainImg img {
    width: 100%;
    display: block;
    transition: 0.5s;
}


.listContents .listBox .mainImg img:hover {
    transform: scale(1.1, 1.1);
}

/*===========================================*/


#lookBox .box_wrap {
    margin-top: 30px;
    box-sizing: border-box;
    border: solid 3px #b7b7b7;
    position: relative;
}




/*==========================================*/


#lookBox .box .left .mainImg .wrap_icon {
    width: 100%;
}


#lookBox .box .left .mainImg .wrap_icon>p {
    position: absolute;
    left: 0;
    width: 12em;
    z-index: 10;
    min-width: 10em;
    box-sizing: border-box;
    border: 1px solid #fff;
    color: #fff;
    padding: 10px 0;
    text-align: center;
    font-size: .9rem;
}

#lookBox .box .left .mainImg .wrap_icon .openHouse {
    background-color: #CC3248;
}

#lookBox .box .left .mainImg .wrap_icon .openRoom {
    background-color: #323B75;
}

#lookBox .box .left .mainImg .wrap_icon .openLocal {
    background-color: #FC9732;
}

#lookBox .box .left .mainImg .icon {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    min-height: 113px;
}


#lookBox .box .left .mainImg .icon img {
    width: auto;
    height: 113px;
}




#lookBox .box .left .mainImg img {
    font-family: 'object-fit: contain;';
    max-width: 100%;
    transition: 0.5s;
    object-fit: cover;
    margin: auto;
    display: block;
}

#lookBox .box .left ul {
    margin-top: 20px;
}

#lookBox .box .left ul li {
    width: 48%;
    float: left;
    margin-right: 4%;
    overflow: hidden;
    box-sizing: border-box;
    border: solid #b7b7b7 1px;
    background-color: #fff;
    margin-bottom: 10px;
    text-align: center;
    height: 146px;
    position: relative;
}


#lookBox .box .left ul li p.decision {
    color: #333;
    z-index: 100;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    font-size: 1.5rem;
    padding: 1rem 0;
    background-color: rgba(255, 255, 255, 0.8);
}



#lookBox .box .left ul li img {
    max-height: 146px;
    width: auto;
    font-family: 'object-fit: contain;';
    max-width: 100%;
    transition: 0.5s;
    object-fit: cover;
    margin: auto;
    display: block;
}

#lookBox .box .left ul li:last-child {
    margin-right: 0;
}

#lookBox .box .left .picture {
    font-size: 15px;
    text-align: center;
}


#lookBox .box .left .picture span {
    color: #c23d3c;
}


#lookBox .box .right {
    width: 48%;
}

#lookBox .box_flyer .right {
    width: 68%;
}


#lookBox .box .right .monopoly_icon {
    padding-top: 10px;
    padding-bottom: 24px;
}

#lookBox .box .right .pickup p {
    font-size: 19px;
    line-height: 1.4em;
    font-weight: bold;
}


#lookBox .box .right .pickup p a {
    color: #0025ff;
    text-decoration: underline;
}


#lookBox .box .right .detail {
    font-size: 14px;
    margin-top: 10px;
    overflow: hidden;
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
}


#lookBox .box .right .detail dt,
#lookBox .box .right .detail dd {
    border-bottom: 1px solid #c8c8c8;
    line-height: 2.4em;
    padding-top: 4px;
}

#lookBox .box .right .detail dt {
    float: left;
    width: 5rem;
}

#lookBox .box .right .detail dd {
    width: calc(100% - 5rem);
}


#lookBox .box .right .detail dt.long {
    width: 13em;
}

#lookBox .box .right .detail dt.price,
#lookBox .box .right .detail dd.price {
    /* height: 38px; */
}



#lookBox .box .right .detail dd.price span {
    font-size: 23px;
    font-weight: bold;
    color: #CB050F;
}

#lookBox .box .right .detail dd.price p {
    display: block;
}

/*====================*/

b.down {
    color: #3168b1;
    padding-bottom: 3px;
    font-weight: bold;
}

b.down i {
    padding-right: 2px;
}

b.down strong {
    padding-left: 2px;
    font-size: 110%;
}


/*====================*/

#lookBox .box .right .osusume-icon {
    margin-bottom: 20px;
}

#lookBox .box .right .osusume-icon ul {
    flex-wrap: wrap;
    display: flex;
    align-content: space-around;
}

#lookBox .box .right .osusume-icon ul li {
    padding: 5px 0;
    display: grid;
    width: calc((100% - 10% * 2) / 8);
    margin-right: 10px;
}


/*===========================================*/

#look ul.list_icon {
    overflow: hidden;
    margin-bottom: 0px;
    display: block;
    margin-right: 0px;
    padding: 3px;
}

#look ul.point {
    padding: 0 0 20px;
    display: flex;
    justify-content: space-between;
    line-height: 1.8em;
    font-size: .9rem;
}




#look ul.point li.item1 {
    width: 80%;
}

#look ul.point li.item2 {
    width: 16%;
}


#look ul.point li.item2 .ph {
    overflow: hidden;
    box-sizing: border-box;
    border: solid #b7b7b7 1px;
    background-color: #fff;
    position: relative !important;
    width: 100%;
    text-align: center;
    min-height: 80px;
}

#look ul.point li.item2 .ph img {
    font-family: 'object-fit: contain;';
    max-width: 100%;
    transition: 0.5s;
    object-fit: cover;
    margin: auto;
    display: block;
    width: auto;
    min-height: 80px;
}





#lookBox .box .right .link_bt {
    overflow: hidden;
    clear: both;
}

#lookBox .box .right .link_bt ul {
    display: flex;
    grid-gap: 1rem;
    align-items: center;
}

#lookBox .box .right .bt02 {
    text-align: center;
    margin: 0 0;
}

#lookBox .box_flyer .right .bt02 {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}




#lookBox .box .right .bt02 .detail {
    background-color: #CB050F;
    width: 48%;
}

#lookBox .box .right .bt02 li {
    font-size: 14px;
    font-weight: bold;
    border-radius: 6px;
    margin: 0 0;
}

#lookBox .box_flyer .right .bt02 li {
    margin-bottom: 10px;
    margin-right: 4%;
}



#lookBox .box .right .bt02 li a {
    color: #fff;
    display: block;
    padding: .25rem .5rem;
    width: 100%;
}

#lookBox .box .right .bt02 li:last-child {
    margin-right: 0;
}

#lookBox .box .right .bt02 .document {
    background-color: #0083bd;
    width: 48%;
}



#lookBox .box_flyer .right .bt02 .flyer {
    background-color: #00B379;
    width: 48%;
}

/* 一覧会員特典ボックス */
#look #lookBox .box_wrap.pre_member.green {
    background-color: rgba(184, 249, 170, .5);
    border-color: #5d9726;
}

#look #lookBox .box_wrap.pre_member.red {
    background-color: rgba(249, 197, 182, .5);
    border-color: #9e060c;
}

#look #lookBox .box_wrap.pre_member.blue {
    background-color: rgba(196, 238, 249, .5);
    border-color: #123b79;
}

#look #lookBox .box_wrap.pre_member.green .box .lockup {
    background-color: #70B92C;
}

#look #lookBox .box_wrap.pre_member.red .box .lockup {
    background-color: #CA0810;
}

#look #lookBox .box_wrap.pre_member.blue .box .lockup {
    background-color: #1C59B2;
}

#look #lookBox .box_wrap.pre_member .box .lockup.kaiin_title a {
    color: #fff;
}

#look #lookBox .box_wrap.pre_member .box .inner .right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    grid-gap: 1.5rem;
}

#look #lookBox .box_wrap.pre_member .box .inner .right .title .br {
    display: block;
    font-size: 24px;
    line-height: 1.5;
}

#look #lookBox .box_wrap.pre_member .box .inner .right .title .br.strong {
    font-size: 32px;
    font-weight: bold;
    text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF,
        -1px 1px 0 #FFF, 1px -1px 0 #FFF,
        0px 1px 0 #FFF, 0-1px 0 #FFF,
        -1px 0 0 #FFF, 1px 0 0 #FFF;
}

#look #lookBox .box_wrap.pre_member.green .box .inner .right .title .br.strong {
    color: #70B92C;
}

#look #lookBox .box_wrap.pre_member.red .box .inner .right .title .br.strong {
    color: #CA0810;
}

#look #lookBox .box_wrap.pre_member.blue .box .inner .right .title .br.strong {
    color: #1C59B2;
}

#look #lookBox .box_wrap.pre_member .box .inner .right .catch {
    font-size: 18px;
    text-decoration: underline;
    font-weight: bold;
}

#look #lookBox .box_wrap.pre_member.green .box .inner .right .catch {
    color: #2e4f07;
}

#look #lookBox .box_wrap.pre_member.red .box .inner .right .catch {
    color: #9e060c;
}

#look #lookBox .box_wrap.pre_member.blue .box .inner .right .catch {
    color: #123b79;
}

#look #lookBox .box_wrap.pre_member .box .inner .right .move_bt a {
    display: block;
    background-color: #2e4f07;
    border-radius: 5px;
    text-align: center;
    overflow: hidden;
    position: relative;
    padding: 1rem;
    color: #fff;
}

#look #lookBox .box_wrap.pre_member .box .inner .right .move_bt a span {
    font-size: 18px;
    color: #fff;
    position: relative;
    z-index: 10;
}

#look #lookBox .box_wrap.pre_member .box .inner .right .move_bt a::before,
#look #lookBox .box_wrap.pre_member .box .inner .right .move_bt a::after {
    content: "";
    display: inline-block;
    width: 50%;
    height: 100%;
    background-color: #6fb92c;
    position: absolute;
    top: 0;
    transition: all .5s;
}

#look #lookBox .box_wrap.pre_member .box .inner .right .move_bt a::before {
    left: 0;
    transform: translateX(calc(-100% + 10px));
}

#look #lookBox .box_wrap.pre_member .box .inner .right .move_bt a::after {
    right: 0;
    transform: translateX(calc(100% - 10px));
}

#look #lookBox .box_wrap.pre_member .box .inner .right .move_bt a:hover::before,
#look #lookBox .box_wrap.pre_member .box .inner .right .move_bt a:hover::after {
    transform: translateX(0%);
}

#look #lookBox .box_wrap.pre_member.red .box .inner .right .move_bt a {
    background-color: #9e060c;
}

#look #lookBox .box_wrap.pre_member.red .box .inner .right .move_bt a::before,
#look #lookBox .box_wrap.pre_member.red .box .inner .right .move_bt a::after {
    background-color: #CA0810;
}

#look #lookBox .box_wrap.pre_member.blue .box .inner .right .move_bt a {
    background-color: #123b79;
}

#look #lookBox .box_wrap.pre_member.blue .box .inner .right .move_bt a::before,
#look #lookBox .box_wrap.pre_member.blue .box .inner .right .move_bt a::after {
    background-color: #1C59B2;
}

.subtitle h4 {
    font-size: 20px;
    font-weight: bold;
    padding-left: 2%;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 40px 0 20px;
}



/*=======================================================*/


#check_show {
    display: none;
}

#check_show .wt_80 {
    width: 80%;
    margin: 0 auto;
}


#check_show .bg {
    background-color: rgba(51, 51, 51, 0.6);
    padding-top: 10px;
    padding-bottom: 10px;
    position: fixed;
    bottom: 0px;
    z-index: 500;
    width: 100%;
}


#check_show li {
    float: left;
    font-size: 1rem;
    width: 22%;
    margin-right: 3%;
}



#check_show .bukken_check ul {
    overflow: hidden;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}




#check_show .icon {
    color: #fff;
    text-align: center;
    padding-left: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 50px;
    margin-top: 10px;
}


#check_show .bukken_check li.icon {
    font-weight: bold;
    font-size: 18px;
    background-image: url(/images/ill_check.png);
    background-position: 0px 2.5px;
    background-size: 25px auto;
    padding-left: 35px;
    padding-top: 5px;
    padding-right: 5px;
    float: left;
    width: 280px;
}

/*=============================================*/

.paginate {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 10px 0 10px;
}



/*=============================================*/

/* .nishi-funabashi,
.ichikawa,
.funabashi,
.narashino,
.urayasu,.detail {
    margin-top: 0;
} */

.nishi-funabashi #head .subtitle {
    margin-top: 60px;
}

.nishi-funabashi #bukken_check_wrap {
    margin-top: 40px;
}



/*=====*/

#head .area {
    border: 1px solid #6fb92c;
    background-color: #FFFBF8;
    border-radius: 10px;
    padding: 10px 4% 90px;
    background-image: url(/images/search/area_bk_bottom.png);
    background-position: center bottom 10px;
    background-repeat: no-repeat;
    background-size: contain;
}

#head .area .area_title {
    font-size: 1.4rem;
    font-weight: bold;
    padding: 10px 1em;
    margin: 20px 0 30px;
    color: #fff;
    text-align: center;
}

#head .area .area_title span:before {
    content: '';
    display: inline-block;
    width: 35px;
    height: 35px;
    background-image: url(/images/search/area_title_left.png);
    background-size: contain;
    vertical-align: -9px;
    margin-right: 10px;
    background-repeat: no-repeat;
}

#head .area .area_title span:after {
    content: '';
    display: inline-block;
    width: 35px;
    height: 35px;
    background-image: url(/images/search/area_title_right.png);
    background-size: contain;
    vertical-align: -9px;
    margin-left: 4px;
    background-repeat: no-repeat;
}

#head .area .area_box {
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
}

#head .area .area_box figure {
    width: 46%;
}

#head .area .area_box dl {
    width: 50%;
}

#head .area .area_box dl dt {
    text-align: center;
    font-weight: bold;
    color: #6FB92C;
    padding: 4px 1em;
    font-size: 1.1rem;
}

#head .area .area_box dl dd {
    line-height: 1.8em;
    padding: 20px 0 0;
}




/*=============================================*/




#login .box {
    margin-bottom: 130px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

#login .resend {
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
}

#login dl {
    padding: 15px;
    margin-bottom: 0px;
}


#login dl dt {
    padding: 0px;
    float: left;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 20px;
    margin-left: 0px;
    line-height: 30px;
    width: 20%;
    font-weight: bold;
}


#login .ipt {
    color: #333;
    border: solid 1px #ccc;
    width: 65%;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 10px;
    margin-left: 0;
    height: 30px;
    border-radius: 3px;
    box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
    font-size: 16px;
}

#login .auto {
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    clear: both;
    line-height: 0px;
    text-align: center;
}


#login .auto input[type="checkbox"] {
    display: inline-block;
}



#login .bt {
    text-align: center;
    margin-top: 10px;
}


#login .bt .css_btn_class {
    text-align: center;
    font-size: 16px;
    margin-top: 5px;
    font-weight: bold;
    border: none;
}


#login .forget {
    text-align: center;
    margin-top: 20px;
}


#login .forget a {
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    text-indent: 15px;
    background-repeat: no-repeat;
    text-decoration: underline;
}

.forget #login .box div {
    margin: 2rem auto;
}

.forget #login .box .bt {
    width: fit-content;
    margin: 0 auto;
}
.forget #login .box .bt a {
    display: block;
    text-align: center;
    padding: 1rem 2rem;
    border-radius: 10px;
    background-color: #CC3248;
    transition: all .5s;
    color: #fff;
    
}



/* ==========================================================================
下層ページ　　検索
  ========================================================================== */

#search_btn h3 {
    text-align: center;
    color: #333333;
    font-weight: bold;
    letter-spacing: 0.1em;
    font-size: 28px;
    padding-top: 60px;
    position: relative;
    display: block;
    margin-bottom: 1em;
}


#search_btn p.h3_cap {
    font-size: 14px;
    line-height: 1.9em;
    color: #333;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 15px;
    padding-left: 0px;
    margin: 0px;
    text-align: center;
}



#search_btn h3:before {
    content: '';
    position: absolute;
    bottom: -20px;
    display: inline-block;
    width: 80px;
    height: 4px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #0066CB;
}



#search_btn #menu {
    margin-top: 30px;
}

#search_btn #menu ul {
    margin-bottom: 30px;
    display: table;
    width: 100%;
}


#search_btn #menu li {
    width: 20%;
    text-align: center;
    display: table-cell;
}


#search_btn #menu li a {
    font-size: .9rem;
    display: block;
    width: 95%;
    margin: 0 auto;
}


.css_btn_class_k_g {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    font-size: 16px;
    text-decoration: none;
    background-color: #F4F3F3;
    color: #666;
    display: inline-block;
    line-height: 160%;
    padding-top: 15px;
    padding-bottom: 15px;
    border: 2px solid #888;
    box-sizing: border-box;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-weight: bold;
}

.css_btn_class_k_g:hover {
    background-color: #888;
    color: #fff;
    text-decoration: none;
}



/*＝＝＝＝＝＝＝オレンジのボタンの設定＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/


#search input.btnSubmitForm[type="button"] {
    border: 1px solid #C69;
    font-size: 18px;
    font-weight: normal;
    color: #FFF;
    background-color: #FF6600;
    padding-top: 12px;
    padding-right: 30px;
    padding-bottom: 10px;
    padding-left: 30px;
    line-height: 1.5em;
    width: 400px;
}


#search input.btnSubmitForm[type="button"]:hover {
    background-color: #FFCCCC;
    cursor: pointer;
    color: #900;
}

.css_btn_class_r {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    font-size: 16px;
    text-decoration: none;
    background-color: #C01C27;
    color: #fff;
    display: inline-block;
    line-height: 160%;
    padding-top: 15px;
    padding-bottom: 15px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-weight: bold;
}


.maru {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    border: none;
    -webkit-box-shadow: 3px 3px 3px 0px #666666;
    box-shadow: 3px 3px 3px 0px #666666;
    text-decoration: none;
}


/*＝＝＝＝＝＝＝オレンジのボタンの設定＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/


/* ==========================================================================
下層ページ　　検索結果　一戸建て
  ========================================================================== */


#head {
    margin-bottom: 30px;
}

#head .bt a {
    color: #fff;
    display: block;
}




#head .entry_box {
    margin-top: 70px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#head .entry_box ul {
    text-align: center;
}

#head .entry_box ul li {
    font-size: 15px;
    font-weight: bold;
    display: inline;
    padding-right: 1%;
}

#head .entry_box ul li span {
    color: #CA050F;
    font-size: 26px;
}


#head .entry_box .bt {
    background: #CB050F;
    display: inline-block;
    width: 20%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 8px;
    padding-bottom: 8px;
    text-align: center;
    border-radius: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    position: relative;
}




#head .entry_box .bt a:before {
    content: '';
    display: inline-block;
    width: 21px;
    height: 20px;
    background-image: url(/images/top/bt_next.png);
    background-size: contain;
    vertical-align: -4px;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 10px;
    left: 20px;
}


.bk_pink {
    background-color: #ffb2b2;
}



/*_________________地図検索ページ________________*/

#map_retrieve #map #searchBox {
    box-sizing: border-box;
    background-color: #F8FFEE;
    border: 1px solid #6FB92C;
    margin-top: 15px;
    padding: 10px;
    margin-bottom: 15px;
}

#map_retrieve #map #searchBox table th {
    font-size: 14px;
    line-height: 1.5em;
    font-weight: bold;
    color: #333;
    text-align: left;
    width: 120px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}



#map_retrieve #map #searchBox table td {
    font-size: 13px;
    padding-top: 10px;
    padding-bottom: 10px;
}


#map_retrieve #map #searchBox table td select {
    background-color: #fff !important;
    border: 1px solid #ccc;
    border-radius:8px;
    font-size: 14px;
    margin-right: 10px;    
    padding: 15px;
    width: 30%;
}



#map_retrieve #map #searchBox table td .css_btn_class {
    width: 150px;
    border: none;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    float: right;
    height: auto;
}


#map_retrieve .css_btn_class {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    font-size: 16px;
    text-decoration: none;
    background-color: #DA3D3D;
    color: #fff;
    display: inline-block;
    line-height: 160%;
    padding-top: 15px;
    padding-bottom: 15px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-weight: bold;
}


#map_retrieve #searchBox table td ul {
    overflow: hidden;
    position: relative;
    display: flex;
    flex-wrap: wrap;
}
#map_retrieve #searchBox table td li {
    display: block;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius:8px;
    color: #333;
    font-weight: bold;
    text-align: center;    
    margin: 0 2% 0 0;
    padding: 5px 0 15px 0;
    width: 18%;
}


#map_retrieve #searchBox table td li label {
    display: block;
    padding-top: 52px;
    margin-top: 10px;
}


#map_retrieve #searchBox .shinchiku {
    background-image: url(/images/search/map-icon01.png);
    background-position: center top;
    background-repeat: no-repeat;
}


#map_retrieve #searchBox .cyuko {
    background-image: url(/images/search/map-icon02.png);
    background-position: center top;
    background-repeat: no-repeat;
}

#map_retrieve #searchBox .tochi {
    background-image: url(/images/search/map-icon03.png);
    background-position: center top;
    background-repeat: no-repeat;
}

#map_retrieve #searchBox .mansion {
    background-image: url(/images/search/map-icon04.png);
    background-position: center top;
    background-repeat: no-repeat;
}

#map_retrieve #searchBox .jigyo {
    background-image: url(/images/search/map-icon05.png);
    background-position: center top;
    background-repeat: no-repeat;
}




#map_retrieve .zoom {
    text-align: right;
    font-size: 12px;
    line-height: 2em;
    padding-bottom: 3px;
    float: right;
}




#map_retrieve .mapArea {
    background-image: url(/images/search/map.jpg);
    display: block;
    height: 600px;
    width: 100%;
    margin-top: 0px;
    background-repeat: no-repeat;
}


#map_retrieve #loading {
    text-align: center;
    display: block;
    width: 5%;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    left: 55%;
    z-index: -10;
}







/*=======================チェックした物件をまとめて　共通=================================*/



#bukken_check_wrap {
    margin-top: 90px;
    padding-top: 20px;
    padding-bottom: 20px;
}

#bukken_check_wrap .bukken_check {
    padding-left: 2%;
    padding-right: 2%;
}



#bukken_check_wrap .bukken_check p em {
    padding-right: 3px;
}



/*===================マイページ用=======================*/

#bukken_check_wrap .bukken_check ul.right li {
    float: right;
}

#bukken_check_wrap .bukken_check ul.name_Li {
    width: 40%;
    float: right;
}


#bukken_check_wrap .bukken_check ul.name_Li li {
    float: left;
    margin-right: 2%;
    width: 48%;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 10px;
}


#bukken_check_wrap .bukken_check ul.name_Li li:last-child {
    margin-right: 0;
}

#bukken_check_wrap .bukken_check ul li i {
    padding-right: 4px;
}

#bukken_check_wrap .bukken_check ul li:last-child {
    margin-right: 0;
}

#bukken_check_wrap .bukken_check ul li.bt {
    display: block;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 10px;
}

#bukken_check_wrap .bukken_check ul li a {
    display: block;
}


#bukken_check_wrap .bukken_check ul li.addition {
    background-color: #fff;
    box-sizing: border-box;
    border: solid #CB050F 2px;
    ;
}

#bukken_check_wrap .bukken_check ul li.addition a {
    color: #CB050F;
}


#bukken_check_wrap .bukken_check ul li.deletion a {
    color: #444;
}

#bukken_check_wrap .bukken_check ul li.favorite a {
    color: #CB050F;
}



#bukken_check_wrap .bt {
    background-color: #CB050F;
    font-weight: bold;
    color: #fff;
}


#bukken_check_wrap .bt a.request {
    color: #fff !important;
}



#bukken_check_wrap .bukken_check p.together {
    color: #fff;
    padding-top: 20px;
}




#check_show {
    display: none;
}

#check_show .wt_80 {
    width: 80%;
    margin: 0 auto;
}

#bukken_check_wrap .bukken_check ul.wt_70 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    grid-gap: .5rem 1rem;
}

#bukken_check_wrap .bukken_check ul.wt_70 li.bt {
    width: calc(calc(100% / 3) - calc(2rem / 2));
    margin: 0;
}



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝詳細ページの部分＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#head .bukken_check {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

#head .bukken_check .text {
    display: block;
    font-size: 16px;
    font-weight: bold;
}

#head .bukken_check .text em {
    padding-right: 3px;
}

#head .bukken_check ul {
    display: flex;
    /* flex-wrap: wrap; */
    align-items: center;
    /* max-width: 1000px;
    width: 100%; */
}

#head .bukken_check ul li {
    margin-right: 1%;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 10px;
    min-width: 180px;
}


/* #head .bukken_check ul.name_Li {
    width: 40%;
    float: right;
}


#head .bukken_check ul.name_Li li {
    float: left;
    margin-right: 2%;
    width: 48%;
    text-align: center;
    border-radius: 10px;
}


#head .bukken_check ul.name_Li li a {
    padding-top: 5px;
    padding-bottom: 5px;
    display: block;
}


#head .bukken_check ul.name_Li li:last-child {
    margin-right: 0;
}



#head .bukken_check ul li i {
    padding-right: 4px;
}

#head .bukken_check ul li:last-child {
    margin-right: 0;
}

#head .bukken_checkul li.bt {
    display: block;
}

#head .bukken_check ul li a {
    display: block;
    font-size: 90%;
} */


/* #head .bukken_check ul li.addition {
    background-color: #fff;
    box-sizing: border-box;
    border: solid #CB050F 2px;
    ;
}

#head .bukken_check ul li.addition a {
    color: #CB050F;
} */


#head .bukken_check ul li.deletion a {
    color: #444;
}


#head .bukken_check ul li.favorite {
    background-color: #FFF298;
    box-sizing: border-box;
    border: solid #CB050F 2px;
    ;
}

/* #head .bukken_check ul li.favorite a {
    color: #CB050F;
} */


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/


#head .name {
    display: block;
    font-weight: bold;
    margin-bottom: 20px;
    padding-bottom: 15px;
    padding-top: 15px;
    letter-spacing: 0em;
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    grid-gap: 1rem;
}



#head .title {
    font-size: 28px;
}



#head .name .title {
    font-size: 20px;
    font-weight: bold;
}

#head .name .title span.icon {
    color: #fff;
    font-size: 20px;
    margin-right: 6px;
}






#head .name .title span.type1 {
    background-color: #CC3248;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
    padding-right: 4px;
}





#head .name .title span.type2 {
    background-color: #323B75;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
    padding-right: 4px;
}




#head .name .title span.type3 {
    background-color: #FC9732;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
    padding-right: 4px;
}


#head .name .title span.type4 {
    background-color: #2B7241;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
    padding-right: 4px;
}




#head .name .title span.type5 {
    background-color: #b847c4;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
    padding-right: 4px;
}




#head .name .title span.kaiin {
    background-color: #bb7191;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
    padding-right: 4px;
}






#head .name .title span.old {
    background-color: #323b75;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
    padding-right: 4px;
}



#head .name .title span.member {
    background-color: #CB050F;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
    padding-right: 4px;
}




/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/



/*_________________#near 条件に近い物件________________*/


#list_similar_wrap {
    margin-bottom: 50px;
}


#list_similar_wrap ul.list,
#list_osusume_wrap ul.list {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    grid-gap: 1rem;
}


#list_similar_wrap ul.list .w4 {
    width: calc(25% - calc(3rem / 4));
}


#list_similar_wrap ul.list .w4 .price b {
    font-size: 20px;
}

#list_similar_wrap ul.list .w4 .price b.down {
    font-size: 16px;
}




#list_similar_wrap ul.list .w4 .line b {
    font-size: 18px;
    padding-left: 4px;
}








#list_similar_wrap ul.list a {
    text-decoration: none;
    display: block;
}


#list_similar_wrap .member {
    position: relative;
    margin-top: 10px;
}


#list_similar_wrap .member .member_mark {
    position: absolute;
    top: 0px;
    right: 0px;
}




#list_similar_wrap ul.list .list_icon {
    overflow: hidden;
    margin-top: 10px;
    display: block;
}

#list_similar_wrap ul.list .list_icon li {
    border-radius: unset;
}



#list_similar_wrap ul.list .w4 .image {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 5px;
    border: 1px solid #CCCCCC;
    box-sizing: border-box;
    text-align: center;
}


#list_similar_wrap ul.list .w4 a img {
    width: auto;
    height: 200px;
}





#list_similar_wrap ul.list .w4 .comment {
    font-size: 13px;
    line-height: 140%;
    margin-bottom: 10px;
}


#list_similar_wrap ul.list .w4 .name {
    font-size: 14px;
    line-height: 140%;
    text-decoration: underline !important;
}

#near .name {
    display: block;
    font-size: 28px;
    border-bottom: 2px solid #DA3D3D;
    font-weight: bold;
    margin-bottom: 20px;
    padding-bottom: 15px;
    padding-top: 15px;
    color: #DA3D3D;
    letter-spacing: 3px;
}




#near .box .mainImg {
    overflow: hidden;
    box-sizing: border-box;
    border: solid #b7b7b7 1px;
    background-color: #fff;
    width: 100%;
    text-align: center;
    /* height: 200px; */
}

#near .box .mainImg .wrap_icon {
    width: 100%;
    position: relative !important;
    aspect-ratio: 28/20;
}
#near .box .mainImg .wrap_icon a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}


#near .box .mainImg img {
    max-width: unset;
    height: 100%;
    object-fit: contain;
}

#near .box .mainImg .icon {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    min-height: 113px;
}

#near .box .mainImg .icon img {
    width: auto;
    height: 113px;
}











/*＝＝＝＝＝＝＝＝＝form　に移動？？＝＝＝＝＝＝＝＝＝＝＝＝*/

#formWrap td div.tel {
    font-size: 1rem;
}

#formWrap td div.tel p {
    font-weight: bold;
}



#formWrap td div.hd_tel {
    font-size: 34px;
    font-weight: bold;
    margin-top: 10px;
}

#formWrap td div.hd_tel a {
    color: #CB050F;
}

#formWrap td div.hd_tel a:hover {
    color: #EF821E;
}



#formWrap td div.hd_tel a:before {
    content: '';
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url(/images/form/tel_icon.png);
    background-size: contain;
    vertical-align: -8px;
    margin-right: 5px;
    background-repeat: no-repeat;
}


#formWrap td div.hd_tel a:hover:before {
    content: '';
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url(/images/form/tel_icon_hover.png);
    background-size: contain;
    vertical-align: -8px;
    margin-right: 5px;
    background-repeat: no-repeat;
}

#description table {
    text-align: center;
    width: 100%;
    border-bottom: 1px solid #AAA;
    border-left: 1px solid #AAA;
    box-sizing: border-box;
}

#description table th {
    background-color: #AAA;
    border-right: 1px solid #fff;
    padding: 5px 15px;
    color: #fff;
    font-weight: bold;
    width: 20%;
    font-size: 14px;
    text-align: center;
}







#description table th.w40 {
    width: 40%;
}

#description table td {
    border-right: 1px solid #AAA;
    padding: 10px;
    font-size: 16px;
    line-height: 1.5em;
    text-align: center;
    vertical-align: middle;
}

#description table td span {
    font-weight: bold;
    font-size: 120%;
    padding-right: 2px;
}




#slide {
    margin-bottom: 60px;
    margin-top: 20px;
}

#slide .slick-slide {
    max-height: unset;
}


.slider img {
    width: auto;
    /*height: 50vw;*/
    /*min-height: 600px !important;*/
    min-height: 480px !important;
    object-fit: cover;
    text-align: center;
}

.slider {
    width: 80%;
    margin: 0 auto;
}



.slider,
.thumb {
    margin: 30px auto;
    /* width: 100%;*/
    width: 90%;
}

.slider img,
.thumb img {
    height: auto !important;
    margin: 0 auto;
}


/*＝＝＝＝＝＝＝＝＝detailの中身＝＝＝＝＝＝＝＝＝＝＝＝*/


#headline_box .osusume-icon {
    padding-top: 50px;
    position: relative;
    margin-bottom: 40px;
}

#headline_box .osusume-icon .fukidashi {
    background: #6fb92c;
    color: #fff;
    font-size: 12px;
    text-align: center;
    border-radius: 15px;
    padding: 2px .5em 2px 40px;
    width: 150px;
    position: absolute;
    top: 33px;
    left: 20px;
}

#headline_box .osusume-icon .fukidashi::before {
    content: "!";
    background: #fff;
    border-radius: 60px;
    color: #6fb92c;
    font-size: 16px;
    font-weight: bold;
    font-family: 'Noto Sans TC', sans-serif;
    width: 22px;
    height: 22px;
    position: absolute;
    top: 2px;
    left: 10px;
    padding: 0px 0 0;
}



#headline_box .osusume-icon ul {
    background-color: #f7ffdd;
    padding-top: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    flex-wrap: wrap;
    grid-gap: .5rem;
}


#headline_box .osusume-icon ul li {
    width: 70px;
    display: inline-block;
}




#info_linkBox .block {
    margin-bottom: 20px;
    padding: 1rem 1.5rem;
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
}


#info_linkBox .soudan_box {
    overflow: hidden;
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
    align-items: center;
    grid-gap: .5rem 1rem;
    width: 100%;
}


#info_linkBox .soudan_box .cap {
    margin-top: 10px;
}


#info_linkBox .soudan_box .left {
    width: auto;
    margin: 0;
}


#info_linkBox .soudan_box .left .text_area .br {
    display: block;
    font-size: clamp(1rem, 0.696rem + 0.63vw, 1.25rem);/*16~20px*/
    line-height: 1.25;
}

#info_linkBox .soudan_box .left .text_area .br .big {
    font-size: clamp(1.25rem, 0.642rem + 1.27vw, 1.75rem);/*20~28px*/
}

#info_linkBox .soudan_box .left .text_area .br .blue {
    color: #0FB5E8;
}

#info_linkBox .soudan_box .left .text_area .br.red , #info_linkBox .soudan_box .left .text_area .br.red * {
    color: #CB050F;
}


#info_linkBox .soudan_box .left a {
    color: #CB050F;
    font-size: clamp(1.75rem, 1.294rem + 0.95vw, 2.125rem);/*28~34px*/
    font-weight: bold;
    display: block;
    line-height: 1.5;
}

#info_linkBox .soudan_box .left a::before {
    content: '';
    display: inline-block;
    width: 26px;
    height: 26px;
    background-image: url(/images/top/tel_icon.png);
    background-size: contain;
    vertical-align: -1px;
    background-repeat: no-repeat;
}



#info_linkBox .soudan_box .right {
    width: calc(55% - .5rem);
}




#info_linkBox .soudan_box .bt_box ul {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    grid-gap: .5rem;
}

#info_linkBox .soudan_box .bt_box ul li {
    width: calc(50% - .25rem);
}

#infoBlock .tel p {
    font-size: 17px;
    font-weight: bold;
    padding-bottom: 10px;
}



#infoBlock .hd_tel {
    font-size: 34px;
    font-weight: bold;
    padding: 10px 0;
}


#infoBlock .hd_tel a {
    color: #CB050F;
}




#infoBlock .hd_tel a:before {
    content: '';
    display: inline-block;
    width: 26px;
    height: 26px;
    background-image: url(/images/top/tel_icon.png);
    background-size: contain;
    vertical-align: -1px;
    margin-right: 6px;
    background-repeat: no-repeat;
}

#infoBlock .hd_tel a:hover {
    color: #EF821E;
}

#infoBlock .hd_tel a:hover:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 18px;
    background-image: url(/images/top/tel_icon_hover.png);
    background-size: contain;
    vertical-align: -1px;
    margin-right: 6px;
    background-repeat: no-repeat;
}





#infoBlock_form .hd_tel {
    font-size: 34px;
    font-weight: bold;
}

#infoBlock_form .hd_tel a {
    color: #CB050F;
}




#infoBlock_form .hd_tel a:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 18px;
    background-image: url(/images/top/tel_icon.png);
    background-size: contain;
    vertical-align: -1px;
    padding-right: 7px;
    background-repeat: no-repeat;
}

#infoBlock_form .hd_tel a:hover {
    color: #EF821E;
}

#infoBlock_form .hd_tel a:hover:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 18px;
    background-image: url(/images/top/tel_icon_hover.png);
    background-size: contain;
    vertical-align: -1px;
    padding-right: 7px;
    background-repeat: no-repeat;
}





#infoBlock_list .pd_box {
    padding: 20px;
    font-size: 14px;
    line-height: 1.5em;
}







/*＝＝＝＝＝＝＝＝＝ボタン共通　赤＝＝＝＝＝＝＝＝＝＝＝＝*/


.css_btn_class_b {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    font-size: 16px;
    text-decoration: none;
    background-color: #CB050F;
    color: #fff !important;
    display: inline-block;
    line-height: 160%;
    padding-top: 15px;
    padding-bottom: 15px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 10px;
    font-weight: bold;
}

.css_btn_class_b:hover {
    background-color: #ffb2b2 !important;
    color: #CB050F !important;
    text-decoration: none !important;
    opacity: 1.0 !important;
}



#youtube_wrap {
    text-align: center;
    margin-bottom: 80px;
    margin-top: 60px;
}

section .titleWrap {
    background-color: #f7ffdd;
    padding: 10px 0;
    position: relative;
}

.titleWrap h3 {
    font-size: 1.2rem;
    font-weight: bold;
    border-left: 20px solid #6fb92c;
    padding-left: 2%;
}


#information .text_point {
    display: flex;
    justify-content: space-between;
    padding: 30px 0;
}

#information .text_point p {
    width: 80%;
    line-height: 2em;
    font-size: 1rem;
}

#information .text_point .staff {
    width: 16%;
    text-align: center;
    display: block;
    float: left;
    overflow: hidden;
    border: 1px solid #c8c8c8;
}



/*============================================*/

.bk_cream {
    background-color: #fffad2;
}


section .tlt {
    font-size: 1.2rem !important;
    padding: 40px 0 6px;
    font-weight: bold;
    margin: 40px 0 30px;
}

section#loan .under_line {
    padding-top: 6px;
}


#map {
    margin-bottom: 40px;
}

#map .map_wrap {
    padding: 0 2%;
}



#map #searchBox {
    box-sizing: border-box;
    /* background-color: #F0FBFF;*/
    /*border: 1px solid #0066CB;*/
    margin-top: 15px;
    padding: 10px;
    margin-bottom: 15px;
}

#map #searchBox table th {
    font-size: 14px;
    line-height: 1.5em;
    font-weight: bold;
    color: #333;
    text-align: left;
    width: 20%;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}



#map #searchBox table td {
    font-size: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
}


#map #searchBox table td select {
    width: 150px;
    margin-right: 10px;
    font-size: 14px;
    background-color: #fff !important;
}



#map #searchBox table td .css_btn_class {
    width: 150px;
    border: none;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    float: right;
    height: auto;
}


#map .css_btn_class {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    font-size: 16px;
    text-decoration: none;
    background-color: #DA3D3D;
    color: #fff;
    display: inline-block;
    line-height: 160%;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 5px;
    font-weight: bold;
}


#map #searchBox table td ul {
    overflow: hidden;
    position: relative;
}



#map #searchBox table td li {
    float: left;
    text-align: center;
    display: block;
    width: 18%;
    margin-right: 2%;
    font-weight: bold;
    color: #333;
    background-color: #fff;
    padding-bottom: 15px;
    padding-top: 5px;
}


#map #searchBox table td li label {
    display: block;
    padding-top: 52px;
    margin-top: 10px;
    line-height: 1.2em;
    min-height: 2.8em;
    font-size: 98%;
}


#map #searchBox .shinchiku {
    background-image: url(/images/search/map-icon01.png);
    background-position: center top;
    background-repeat: no-repeat;
}


#map #searchBox .cyuko {
    background-image: url(/images/search/map-icon02.png);
    background-position: center top;
    background-repeat: no-repeat;
}

#map #searchBox .tochi {
    background-image: url(/images/search/map-icon03.png);
    background-position: center top;
    background-repeat: no-repeat;
}

#map #searchBox .mansion {
    background-image: url(/images/search/map-icon04.png);
    background-position: center top;
    background-repeat: no-repeat;
}

#map #searchBox .mansionBefore {
    background-image: url(/images/search/map-icon05.png);
    background-position: center top;
    background-repeat: no-repeat;
}


#map .pd_box {
    padding: 0 0 40px;
}



#map .zoom {
    text-align: right;
    font-size: 12px;
    line-height: 2em;
    padding-bottom: 3px;
    float: right;
}




#map .mapArea {
    background-image: url(/images/search/map.jpg);
    display: block;
    height: 600px;
    width: 100%;
    margin-top: 0px;
    background-repeat: no-repeat;
}


#map #loading {
    text-align: center;
    display: block;
    width: 5%;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    left: 55%;
    z-index: -10;
}

.table .pd_box {
    padding: 30px;
    font-size: 14px;
    line-height: 1.5em;
}

.table .loan .wrap {
    /* width: 900px; */
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    display: flex;
    flex-wrap: wrap;
    grid-gap: .25rem 1rem;
}

.table .loan table {
    width: 100%;
    margin-bottom: 20px;
    border-top: 1px solid #AAA;
    border-bottom: 1px solid #AAA;
    border-right: 1px solid #AAA;
    box-sizing: border-box;
}

/*.table .loan .cate {
    background-color: #AAA;
    color: #FFF;
    width: 5%;
    text-align: center;
}*/

/*.table .loan .choice {
    color: #333;
    width: 26%;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 13px;
    background-color: #FFF;
}*/

.table .loan .choice label {
    width: 100%;
    display: inline-block;
    padding-top: 5px;
    padding-bottom: 5px;
}

.table .loan .month {
    float: left;
    font-weight: bold;
    width: 400px;
    font-size: 18px;
}

.table .loan .month .color1 {
    font-size: 28px;
    padding-left: 3px;
    padding-right: 3px;
    margin-top: 10px;
    display: inline-block;
}

section .color1 {
    color: #DA3D3D;
}

.table .loan #loan_hensai {
    font-family: Arial, Helvetica, sans-serif;
}

.table .loan .att {
    font-size: 12px;
}

.table .block {
    margin-bottom: 40px;
}

.table .outline table {
    width: 100%;
    margin-bottom: 20px;
    border-top: 1px solid #AAA;
    border-left: 1px solid #AAA;
    border-right: 1px solid #AAA;
    box-sizing: border-box;
}


.table .outline table th {
    background-color: #DDD;
    width: 15%;
    text-align: center;
    border-bottom: 1px solid #AAA;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 14px;
}

.table .outline table td {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    border-bottom: 1px solid #AAA;
}


.table .outline table .c2 td {
    width: 35%;
}



.table .outline table td .color1 {
    font-weight: bold;
    font-size: 28px;
    padding-right: 3px;
}


.table .outline table .add .bt {
    width: 300px;
    margin-right: 30px;
    margin-left: auto;
}


.table .outline table th.add {
    background-color: #FFF;
}

.table .outline table td .color1 {
    font-weight: bold;
    font-size: 28px;
    padding-right: 3px;
}

#loanform{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
}
#loanform dl{
    display: flex;
    flex-wrap: wrap;
    width: 33%;
}
#loanform dl dt{
    background-color: #AAA;
    color: #FFF;
    width: 20%;
    text-align: center;
    padding: 15% 0;
}
#loanform dl dd{
    background-color: #FFF;
    color: #333;
    font-size: 13px;
    padding: 10px 5px;
    width: 80%;
}
#loan #loanform input[type="radio"] {
    display: none;
}



/*=====================#area_info =======================*/


#area_info .wrap .left .tlt strong {
    font-weight: bold;
    font-size: 30px;
}


#area_info .wrap .left {
    float: left;
    width: 70%;
}

#area_info .wrap .right {
    float: right;
    width: 27%;
    margin-top: 10px;
}

#area_info .wrap .right img {
    width: 100%;
    height: auto;
}


#area_info .wrap .left p {
    font-size: 14px;
    line-height: 1.7em;
    color: #333;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 15px;
    padding-left: 0px;
    margin: 0px;
}


#area_info a {
    color: #DA3D3D;
}


#area_info table {
    width: 100%;
    margin-bottom: 20px;
    border-top: 1px solid #AAA;
    border-left: 1px solid #AAA;
    border-right: 1px solid #AAA;
    box-sizing: border-box;
    margin-top: 20px;
}

#area_info th {
    background-color: #DDD;
    width: 15%;
    text-align: center;
    border-bottom: 1px solid #AAA;
}

#area_info td {
    background-color: #FFF;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    border-bottom: 1px solid #AAA;
    border-right: 1px solid #AAA;
    width: 40%;
}


#area_info p.link {
    clear: both;
}

#area_info p.link a {
    text-decoration: underline;
}

#area_info table dl{
    display: flex;
    flex-wrap: wrap;
}
#area_info table dl dt{    
    background: #DDD;
    border-bottom: 1px solid #AAA;
    text-align: center;
    margin: 0 0 5px;
    width: 10%;
}
#area_info table dl dd{
    border-bottom: 1px solid #AAA;
    margin: 0 0 5px;
    padding: 0 12px 0;
    width: 40%;
}


/*=====================#infoBlock =======================*/

#infoBlock .pd_box {
    padding: 20px;
    font-size: 14px;
    line-height: 1.5em;
}

#infoBlock .pd_box p {
    font-size: 16px;
    font-weight: bold;
}

#infoBlock .pd_box p small {
    font-size: 14px;
}


#infoBlock .info_box {
    text-align: center;
}

#infoBlock .block {
    margin-bottom: 40px;
}

#infoBlock .info_box .bt_box {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
}


#infoBlock .info_box .bt_box ul {
    overflow: hidden;
    margin-right: -3%;
}

#infoBlock .info_box .bt_box ul li {
    float: left;
    width: 47%;
    margin-right: 3%;
    margin-bottom: 10px;
}

.backBtn {
    padding: 10px 20px;
    background-color: #fff6ed;
    box-sizing: border-box;
    border: solid #c03d3c 2px;
    border-radius: 4px;
    border-radius: 10px;
    color: #c03d3c;
    cursor: pointer;
    font-weight: bold;
}


/*＝＝＝＝＝＝＝＝＝404ページ＝＝＝＝＝＝＝＝＝＝＝＝*/



.error #pageUnder .about {
    line-height: 1.5;
  }
.error #pageUnder .about a {
    text-decoration: underline;
    color: blue;
  }
.error #pageUnder .about .body p {
    padding: 1rem;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
  }
.error #pageUnder .about .body h3 {
    font-size: clamp(1.25rem, 0.807rem + 1.36vw, 2rem);/*20~32px(520~1400px)*/
    color: #6FB92C;
    font-weight: bold;
    margin-bottom: 1em;
  }
.error #pageUnder .about .button {
    text-align: center;
  }

/*＝＝＝＝＝＝＝＝＝サンクスページ＝＝＝＝＝＝＝＝＝＝＝＝*/



.thanks #pageUnder {
    line-height: 1.5;
  }
.thanks #pageUnder .button {
    margin: 1rem auto 0;
    max-width: 300px;
  }
.thanks #pageUnder .button a {
    display: block;
    text-align: center;
    padding: 1rem 2rem;
    border-radius: 10px;
    background-color: #CC3248;
    transition: all .5s;
    color: #fff;
  }
.thanks #pageUnder .body p {
    padding: 1rem;
  }
.thanks #pageUnder .body address {
    padding: 1rem;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    text-align: center;
  }
.thanks #pageUnder .body h3 {
    font-size: clamp(1.25rem, 0.807rem + 1.36vw, 2rem);/*20~32px(520~1400px)*/
    color: #6FB92C;
    font-weight: bold;
    margin-bottom: 1em;
    text-align: center;
  }
.thanks #pageUnder .button {
    text-align: center;
  }


/*＝＝＝＝＝＝＝＝＝キャンペーンエリア＝＝＝＝＝＝＝＝＝＝＝＝*/
.campaign_area {
    padding: 1.25rem;
    margin: 3rem auto 2rem;
    background-color: rgba(226, 239, 223, 0.9);
    max-width: 1000px;
  }
  .campaign_area .banner {
    margin-bottom: 1.5rem;
  }
  .campaign_area .campaign_list {
    margin-bottom: 1.5rem;
  }
  .campaign_area .campaign_list li {
    font-size: 16px;
    padding: .75rem 0;
    border-bottom: dotted 1px #65A04D;
  }
  .campaign_area .campaign_list li::before {
    content: "";
    display: inline-block;
    width: .75rem;
    aspect-ratio: 1/1;
    background-color: #65A04D;
    margin-right: .25rem;
  }
  .campaign_area .attention {
    margin-bottom: 1.5rem;
    padding: 1rem;
    background-color: #efefef;
  }
  .campaign_area .attention .br {
    font-size: 14px;
    display: block;
  }
  .campaign_area .merit h4 {
    font-size: 18px;
    margin: 0 auto 1rem;
    color: #fff;
    padding: .5rem 1.5em;
    border-radius: 100px;
    background-color: #65A04D;
    width: fit-content;
  }
  .campaign_area .merit .flex {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
  }
  .campaign_area .merit .flex .merit_box {
    width: 49%;
    border: 1px solid #65A04D;
    background-color: #fff;
    padding: .5rem;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    grid-gap: 1rem;
  }
  .campaign_area .merit .flex .merit_box .text_area {
    width: calc(55% - .5rem);
  }
  .campaign_area .merit .flex .merit_box .text_area .tit {
    margin-bottom: .5rem;
  }
  .campaign_area .merit .flex .merit_box .text_area .tit .br {
    font-size: 16px;
    display: block;
  }
  .campaign_area .merit .flex .merit_box .text_area .text {
    font-size: 14px;
  }
  .campaign_area .merit .flex .merit_box .img_area {
    width: calc(45% - .5rem);
  }

  /* 各ページキャンペーンバナー */
   .form_campaign_banner{
    width: 90%;
    max-width: 800px;
    margin: min(3vw, 3rem) auto;
    padding: 1.5rem;
    background-color: rgba(226, 239, 223, 0.9);
  }
  .mypage .campaign_banner{
    width: 90%;
    max-width: 800px;
    margin: 0 auto min(3vw, 3rem);
    padding: 1.5rem;
    background-color: rgba(226, 239, 223, 0.9);
  }


/*＝＝＝＝＝＝＝＝＝form　に移動？？＝＝＝＝＝＝＝＝＝＝＝＝*/

@media all and (min-width: 769px) and (max-width: 1300px) {

    #pageUnder .body {
        width: 90%;
        margin: 0 auto;
    }
    #main_ph .contents_wrap .main_icon_left {
        left: 3%;
    }
    
    #main_ph .contents_wrap .main_icon_right {
        right: 3%;
    }
}

@media all and (min-width: 769px) and (max-width: 780px) {

    #look #lookBox .slideBox .box_wrap {
        min-width: 780px;
    }
}

@media all and (min-width: 769px) and (max-width: 1000px) {
    /* #head .bukken_check ul li {
        min-width: unset;
        min-height: 70px;
    } */

    #login #forgetf dl {
        display: flex;
        flex-wrap: wrap;
    }

    #login #forgetf dl dt,
    #login #forgetf dl dd {
        text-align: center;
        width: 100%;
    }
}

@media all and (min-width: 769px) and (max-width: 890px) {

    #info_linkBox .soudan_box .left {
        width: 100%;
        text-align: center;
    }
    #info_linkBox .soudan_box .right {
        width: 100%;
    }
    #list_similar_wrap ul.list .w4 {
        width: calc(50% - calc(2rem / 3));
    }
    .campaign_area .merit .flex .merit_box .text_area {
        width: 100%;
        text-align: center;
      }
      .campaign_area .merit .flex .merit_box .img_area {
        width: 80%;
      }
}