@charset "UTF-8";

/* SPonly */
@media screen and (max-width: 767px) {
    .photoListLinkBlock{
        padding-right: 2.666666666666667vw;
        padding-bottom: 8px;
        text-align: right;
    }
    .photoListLinkBlock > .icon{
        position: relative;
        width: 25px;
        bottom: 3px;
        right: 6px;
    }
    .scrollTopSp{
        display: none;
    }
    .footerNavSp{
        display: none;
    }
    #mainArea > article{
        border-top: initial !important;
    }
    header{
        box-shadow: 0px 2px 6px #0000001A;
    }
    .photoSearchContent{
        display: none;
    }
    .photoSearchHeader{
        text-align: center;
        font: normal normal bold 24px/32px "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif !important;
        color: #666666;
        padding-top: 35px;
    }
    .photoSearchHeaderLink{
        font: normal 600 normal 18px/21px "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
        letter-spacing: 0px;
        color: #EF6D00;
    }

    .photoSearchKeyword{
        display: flex;
        width: 80.8vw;
        height: 56px;
        margin: auto;
        justify-content: center;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border-radius: 6px;
    }
    .photoSearchKeyword input{
        box-shadow: inset 0px 3px 6px #00000029;
        border: 1px solid #D9D4CB;
        border-radius: 6px;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        width: 80.8vw;
        height: 56px;
        padding-left: 18px;
        padding-right: 18px;
        text-align: left;
        font: normal normal normal 16px/28px Helvetica Neue, Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
        letter-spacing: 0px;
        color: #000000;
        font-weight: 600;
    }
    .photoSearchKeyword input::placeholder{
        text-align: left;
        font: normal normal normal 16px/28px Helvetica Neue, Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
        letter-spacing: 0px;
        color: #9B9B9B;
        font-weight: 600;
    }
    .photoSec{
        width: 91.46666666666667vw;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border-radius: 20px 20px 0px 0px;
        padding-top: 20px;
        margin: 0px auto;
        padding-bottom: 38px;
    }
    .photoSecBottom{
        width: 91.46666666666667vw;
        background: #EBE9E5 0% 0% no-repeat padding-box;
        border: 1px solid #EBE9E5;
        border-top: 0px;
        border-radius: 0px 0px 20px 20px;
        margin: 0px auto;
        margin-bottom: 54px;
    }
    .photoSec > .searchKeywordArea.active {
        background: #fff !important;
        padding-top: 12px !important;
    }
    .photoSearchContentSP{
        padding-top: 33px;
        padding-bottom: 10px;
        background: #F7F6F4 0% 0% no-repeat padding-box;
    }
    .photoSearchPref p{
        height: 40px;
        padding-left: 5.066666666666666vw;
        padding-top: 9px;
        font: normal normal normal 18px/30px Helvetica Neue, Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
        letter-spacing: 0px;
        color: #fff;
        background: #707070 0% 0% no-repeat padding-box;
        position: relative;
        width: calc(86.4vw + 2px);
        left: -1px;
    }
    .photoSearchFavoriteKeyworImg {
        width: 35.61px;
        height: 31.24px;
        margin-right: 8px;
    }
    #mainArea.photo .searchFavoriteKeywordArea p:before {
        content: initial !important;
        position: initial !important;
        bottom: initial !important;
    }
    #mainArea.photo .searchFavoriteKeywordArea p {
        line-height: 6.266667vw !important;
    }
    .photoSec > #keywordArea > .searchFavoriteKeywordArea{
        margin-top: 37px !important;
    }
    .photoSec > #keywordArea > .searchFavoriteKeywordArea p{
        text-align: left;
        padding-bottom: 13px;
        font-weight: 600;
    }
    .photoSec > #keywordArea > .searchFavoriteKeywordArea > .searchFavoriteKeywords{
        padding-bottom: 22.5px;
    }
    .photoPrefPullDown{
        border: 1px solid #707070;
        border-radius: 6px;
        width: 77.6vw;
        height: 35px;
        font: normal normal normal 16px/28px Helvetica Neue, Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
        letter-spacing: 0px;
        color: #000000;
        padding-left: 17px;
        -webkit-appearance: none;
        appearance: none;
        -moz-appearance: none;
    }
    .photoPrefPullDown::-ms-expand{
        display: none;
    }

    .photoPrefPullDown.isEmpty{
        font: normal normal normal 16px/28px Helvetica Neue, Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
        letter-spacing: 0px;
        color: #C7C7C7;
        padding-left: 10px;
    }
    .photoPrefPullDownBox{
        position: relative;
        top: 20px;
        padding-bottom: 20px;
    }
    .photoPrefPullDownBox::after{
        content: "";
        position: absolute;
        right: 10.333333333333334vw;
        top: 15px;
        width: 9px;
        height: 9px;
        border-top: 3px solid #808080;
        border-left: 3px solid #808080;
        transform: translateY(-50%) rotate(
        -135deg
        );
        pointer-events: none;
    }
    .photoPrefPullDownBoxContainer{
        gap:30px 30px;
        height: 194px;
        padding-left: 7.199999999999999vw;
    }

    .photoSearchCheckBoxReformPlace{

    }
    .photoSearchCheckBoxReformPlace p{
        height: 39px;
        padding-left: 5.066666666666666vw;
        padding-top: 10px;
        font: normal normal normal 18px/30px Helvetica Neue, Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
        letter-spacing: 0px;
        color: #fff;
        background: #707070 0% 0% no-repeat padding-box;
        position: relative;
        width: calc(86.4vw + 2px);
        left: -1px;
    }
    .photoSearchReformPlace{
        display: flex;
        flex-wrap: wrap; /* 折返し可 */
        gap: 20px 0px;
        margin-top: 13.5px;
    }
    .photoSearchReformPlace.reform-item{
        display: flex;
        flex-wrap: wrap; /* 折返し可 */
        gap: 18.5px 0px;
        margin-top: 9.75px;
        padding-bottom: 19px;
    }
    .photoSearchReformPlace.building{
        display: flex;
        flex-wrap: wrap; /* 折返し可 */
        gap: 19px 0px;
        margin-top: 10px;
    }
    .photoCheckPlace{
        width: 45%;
        margin-left: 1px;
    }
    .photoCheckPlace:nth-child(2n+1){
        margin-left: 0;
    }
    .photoCheckPlace label{
        font: normal 400 normal 16px/28px Helvetica Neue, Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
        letter-spacing: 0px;
        color: #333333;
        text-align: left;
    }
    .photoCheckPlace > .checkbox{
        padding:5px 0px 5px 44px;
    }

    .photoCheckPlace > .checkbox::before{
        left: 14px;
        height: 20px;
        width: 20px;
        margin-top: -11px;
        border: 1px solid #707070;
    }
    input[type=checkbox]:checked + .checkbox::before {
        border-color: #666;
        background-color: #EF6D00;
    }
    .photoCheckPlace > .checkbox::after{
        left: 21.5px;
        border-right: 2px solid #ffffff;
        border-bottom: 2px solid #ffffff;
        content: '';
        display: block;
        height: 10px;
        margin-top: -8px;
        opacity: 0;
        position: absolute;
        top: 50%;
        transform: rotate(45deg) translate3d(0,2px,0) scale3d(.7,.7,1);
        transition: transform .2s ease-in-out, opacity .2s ease-in-out;
        width: 5px;
    }
    .photoSearchCheckBoxPhotoType{
    }
    .photoSearchCheckBoxPhotoType p{
        height: 40px;
        padding-left: 5.066666666666666vw;
        padding-top: 8px;
        margin-top: 21px;
        font: normal normal normal 18px/30px Helvetica Neue, Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
        letter-spacing: 0px;
        color: #fff;
        background: #707070 0% 0% no-repeat padding-box;
        position: relative;
        width: calc(86.4vw + 2px);
        left: -1px;
    }
    .photoSearchCheckBoxDetailSearch{
        background: #EBE9E5 0% 0% no-repeat padding-box;
        border-radius: 0 0 14px 14px;
    }
    .photoSearchCheckBoxDetailSearch p{
        height: 38px;
        padding-left: 5.066666666666666vw;
        padding-top: 10px;
        font: normal normal normal 18px/30px Helvetica Neue, Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
        letter-spacing: 0px;
        color: #fff;
        background: #707070 0% 0% no-repeat padding-box;
        position: relative;
        width: calc(86.4vw + 2px);
        left: -1px;
    }
    .photoSearchCheckBoxDetailSearch > .photoSearchReformPlace{
        display: flex;
        flex-wrap: wrap; /* 折返し可 */
        gap: 18.5px 0px;
        margin-top: 9px;
        padding-bottom: 4.5px;
    }
    #photoSearchFooterSP{
        position: fixed;
        margin-top: -8.5px;
        /* margin-bottom: 19px; */
        margin-left: 7px;
        width: 88.26666666666667vw;
        height: 81px;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px #00000029;
        border-radius: 14px;
        bottom: 10px;
    }
    #photoSearchFooterTempSP{
        margin-top: 52.5px;
        width: 90%;
        height: 81px;
        margin-bottom: 19px;
        margin-left: 14px;
    }
    #photoSearchFooterSP.stopFooter{
        position: static;
        width: 88.26666666666667vw;
        height: 81px;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px #00000029;
        border-radius: 14px;
        margin-bottom: 6px;
        margin-left: 6px;
    }
    .photoSearchBtn > .submitBtn{
        width: 150px;
        height: 60px;
        margin-left: 2.666666666666667vw;
        margin-top: 9.65px;
        background: #EF6D00 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 0px #00000029;
        border-radius: 5px;
        font: normal normal normal 16px/42px Helvetica Neue, Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
        letter-spacing: 0px;
        color: #FFFFFF;
        cursor: pointer;
    }
    .photoSearchBtn > .cancellBtn{
        width: 150px;
        height: 60px;
        margin-top: 9.65px;
        background: #707070 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 0px #00000029;
        border-radius: 5px;
        font: normal normal normal 16px/42px Helvetica Neue, Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
        letter-spacing: 0px;
        color: #FFFFFF;
        cursor: pointer;
    }
    .photoFooterIcon{
        right: 5px;
        position: relative;
        -webkit-filter: brightness(0) invert(1);
        filter: brightness(0) invert(1);
    }
    .photoFooterSearchSpan{
        position: relative;
        left: 10px;
    }
    .photoSearchBtn{
        text-align: center;
    }
    .icon_select_mate {
        position: absolute;
        top: 20px;
        right: 2%;
        font-size: 16px;
        height: 22px;
        transition: all 275ms;
    }
    .select_mate {
        width: 77.6vw;
        height: 35px;
        font-family: 'Roboto';
        color: #777;
        font-weight: 300;
        background-color: #fff;
        border-radius: 3px;
        transition: all 375ms ease-in-out;
    }
    .select_mate select {
        position: absolute;
        overflow: hidden;
        height: 0px;
        opacity: 0;
        z-index: -1;
    }
    .cont_list_select_mate {
        position: relative;
        float: left;
        width: 100%;
    }
    .cont_select_int {
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: 999;
        overflow: hidden;
        height: 0px;
        width: 100%;
        background-color: #fff;
        padding: 0px;
        margin-bottom: 0px;
        margin-top: 0px;
        border-radius: 0px 0px 3px 3px;
        box-shadow: 1px 4px 10px -2px rgba(0, 0, 0, 0.2);
        transition: all 375ms ease-in-out;
        overflow-y: auto;
    }
    .cont_select_int li {
        font: normal normal normal 16px "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
        position: relative;
        float: left;
        width: 96%;
        border-bottom: 1px solid #e0e0e0;
        background-color: #f5f5f5;
        list-style-type: none;
        padding: 10px 2%;
        margin: 0px;
        transition: all 275ms ease-in-out;
        display: block;
        cursor: pointer;
    }
    .cont_select_int li:last-child {
        border-radius: 3px;
        border-bottom: 0px;
    }
    .cont_select_int li:hover {
        background-color: #eeeeee;
    }
    .cont_select_int li.active {
        background-color: #eeeeee;
    }
    .selecionado_opcion {
        font: normal normal normal 16px "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
        display: block;
        margin: 0px;
        cursor: pointer;
        width: 75.47vw;
        height: 33px;
        background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border: 1px solid #707070;
        border-radius: 6px;
        -webkit-appearance: none;
        appearance: none;
        padding-left: 6px;
        line-height: 37px;
        color: #C7C7C7;
    }
}

/* PConly */
@media print, screen and (min-width: 768px) {
    .photoTitle{
        margin-top: 40px !important;
        margin-bottom: 30px !important;
    }
    .photoSec > #keywordArea{
        padding:0px 50px;
    }
    .photoSearchFavoriteKeywordArea{
        width: 648px;
        text-align: center;
        margin: auto;
        margin-top: 40px;
    }
    .photoSearchFavoriteKeywordArea p{
        font-size: 20px;
        line-height: 42px;
        letter-spacing: -0.54px;
        color: #707070;
        font-weight: 600;
    }
    .photoSearchFavoriteKeyworImg {
        width: 53px;
        height: 46.49px;
        margin-right: 9px;
    }
    .photoSearchFavoriteKeywordArea > div.searchFavoriteKeywords{
        width: 648px !important;
    }
    .photoTitle{
        margin:32px 0px 20px;
    }
    .photoListLinkBlock{
        position: relative;
        left: 25px;
        margin:auto;
        text-align: right;
    }
    .viewWidth{
        width:100%;
        min-width: 1120px;
    }
    .photoSearchContentSP{
        display: none;
    }
    .photoSearchHeaderLink > .icon{
        position: relative;
        top: -2px;
        left: -10px;
    }
    .photoSearchHeaderArea {
        width: 1120px;
        margin: auto;
    }
    .photoSearchHeader{
        font: normal normal bold 28px/34px "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif !important;
        letter-spacing: 0px;
        color: #707070;
        padding-top:22px;
        line-height: 177%;
        text-align: center;
    }
    .photoSearchHeaderLink{
        padding-bottom: 10px;
        font: normal 600 normal 22px/28px "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
        color: #EF6D00;
        display: inline-block;
    }
    .photoSearchHeaderLink p > .icon{
        position: relative;
        right: 10px;
        bottom: 3px;
    }
    .photoSearchKeyword{
        display: flex;
        width: 540px;
        height: 56px;
        margin: auto;
        justify-content: center;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: inset 0px 3px 6px #00000029;
        border: 1px solid #D9D4CB;
        border-radius: 6px;
    }
    .photoSearchKeyword input{
        box-shadow: inset 0px 3px 6px #00000029;
        border: 1px solid #D9D4CB;
        border-radius: 6px;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        width: 540px;
        height: 56px;
        padding-left: 18px;
        text-align: left;
        font: normal normal normal 16px/28px Helvetica Neue, Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
        letter-spacing: 0px;
        color: #000000;
    }
    .photoSearchKeyword input::placeholder{
        text-align: left;
        font: normal normal normal 16px/28px Helvetica Neue, Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
        letter-spacing: 0px;
        color: #9B9B9B;
        font-weight: 600;
    }
    .photoSec{
        width: 900px;
        background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border: 2px solid #E6E0D3;
        border-radius: 20px;
        padding-top: 50px;
        margin: 0px auto;
    }
    .photoSearchContent{
        padding-top: 70px;
        padding-bottom: 123px;
        background: #F7F6F4 0% 0% no-repeat padding-box;
    }
    .photoSearchPref{
        width: 800px;
        height: 102px;
        padding-bottom: 15px;
        margin-left: 50px;
    }
    .photoSearchPref p{
        font: normal 600 normal 18px/37px Helvetica Neue, Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
        letter-spacing: 0px;
        color: #707070;
    }
    .photoPrefPullDown{
        border: 1px solid #707070;
        border-radius: 6px;
        width: 220px;
        height: 37px;
        font: normal normal normal 16px/28px Helvetica Neue, Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
        letter-spacing: 0px;
        color: #000000;
        padding-left: 17px;
        -webkit-appearance: none;
        appearance: none;
        -moz-appearance: none;
    }
    .photoPrefPullDown::-ms-expand{
        display: none;
    }

    .photoPrefPullDown.isEmpty{
        font: normal normal normal 16px/28px Helvetica Neue, Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
        letter-spacing: 0px;
        color: #C7C7C7;
        padding-left: 10px;
    }
    .photoPrefPullDownBox{
        position: relative;
        top: 20px;
    }
    .photoPrefPullDownBox::after{
        content: "";
        position: absolute;
        right: 16px;
        top: 15.5px;
        width: 11px;
        height: 11px;
        border-top: 3px solid #808080;
        border-left: 3px solid #808080;
        transform: translateY(-50%) rotate(
        -135deg
        );
        pointer-events: none;
    }
    .photoPrefPullDownBoxContainer{
        display: flex;
        gap:30px 20px;
    }
    .photoSearchCheckBoxReformPlace{
        height: 244px;
        width: 750px;
        padding-left: 50px;
        padding-bottom: 48px;
    }
    .photoSearchCheckBoxReformPlace p{
        font: normal 600 normal 18px/37px Helvetica Neue, Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
        letter-spacing: 0px;
        color: #707070;
        opacity: 1;
        padding-bottom: 28px;
    }
    .photoSearchReformPlace{
        display: flex;
        flex-wrap: wrap; /* 折返し可 */
        gap: 19px 0px;
    }
    .photoCheckPlace{
        width: 20%;
        margin-left: 91px;
    }
    .photoCheckPlace:nth-child(3n+1){
        margin-left: 0;
    }
    .photoCheckPlace label{
        font: normal 400 normal 16px/28px Helvetica Neue, Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
        letter-spacing: 0px;
        color: #333333;
        text-align: left;
    }
    .photoCheckPlace > .checkbox{
        padding:5px 0px 5px 48px;
    }

    .photoCheckPlace > .checkbox::before{
        left: 17px;
        height: 20px;
        width: 20px;
        margin-top: -11px;
        border: 1px solid #707070;
    }
    input[type=checkbox]:checked + .checkbox::before {
        border-color: #666;
        background-color: #EF6D00;
    }
    .photoCheckPlace > .checkbox::after{
        left: 25px;
        border-right: 2px solid #ffffff;
        border-bottom: 2px solid #ffffff;
        content: '';
        display: block;
        height: 10px;
        margin-top: -8px;
        opacity: 0;
        position: absolute;
        top: 50%;
        transform: rotate(45deg) translate3d(0,2px,0) scale3d(.7,.7,1);
        transition: transform .2s ease-in-out, opacity .2s ease-in-out;
        width: 5px;
    }
    .photoSearchCheckBoxPhotoType{
        height: 140px;
        width: 750px;
        margin: auto;
        padding-bottom: 62px;
        padding-top: 14px;
        padding-left: 50px;
    }
    .photoSearchCheckBoxPhotoType p{
        font: normal 600 normal 18px/37px Helvetica Neue, Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
        letter-spacing: 0px;
        color: #707070;
        opacity: 1;
        padding-bottom: 29px;
    }
    .photoSearchCheckBoxDetailSearch{
        width: 800px;
        height: 313px;
        margin: auto;
        background: #EBE9E5 0% 0% no-repeat padding-box;
        border-radius: 20px;
        margin-bottom: 40px;
        padding-bottom: 8px;
    }
    .photoSearchCheckBoxDetailSearch p{
        padding-top: 20px;
        padding-left: 50px;
        font: normal 600 normal 18px/37px Helvetica Neue, Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
        letter-spacing: 0px;
        color: #707070;
        opacity: 1;
        padding-bottom: 28px;
    }
    .photoSearchCheckBoxDetailSearch > .photoSearchReformPlace{
        margin-left: 50px;
        display: flex;
        flex-wrap: wrap; /* 折返し可 */
        gap: 19px 0px;
        width: 740px;
    }
    #photoSearchFooter{
        position: fixed;
        bottom: 10px;
        width: 800px;
        height: 98px;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px #00000029;
        border-radius: 20px;
        /* margin-bottom: 19px; */
    }
    #photoSearchFooterTemp{
        width: 800px;
        height: 98px;
        margin-bottom: 19px;
        margin-left: 50px;
    }
    #photoSearchFooter.stopFooter{
        position: static;
        width: 800px;
        height: 98px;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px #00000029;
        border-radius: 20px;
        margin-bottom: 50px;
    }
    .photoSearchBtn > .submitBtn{
        width: 150px;
        height: 60px;
        margin-left: 10px;
        margin-top: 19px;
        background: #EF6D00 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 0px #00000029;
        border-radius: 5px;
        font: normal normal normal 16px/42px Helvetica Neue, Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
        letter-spacing: 0px;
        color: #FFFFFF;
        cursor: pointer;
    }
    .photoSearchBtn > .cancellBtn{
        width: 150px;
        height: 60px;
        margin-top: 19px;
        margin-left: 243px;
        background: #707070 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 0px #00000029;
        border-radius: 5px;
        font: normal normal normal 16px/42px Helvetica Neue, Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
        letter-spacing: 0px;
        color: #FFFFFF;
        cursor: pointer;
    }
    .photoFooterIcon{
        right: 7px;
        position: relative;
        -webkit-filter: brightness(0) invert(1);
        filter: brightness(0) invert(1);
    }
    .photoFooterSearchSpan{
        position: relative;
        left: 10px;
    }
    .icon_select_mate {
        position: absolute;
        top: 20px;
        right: 2%;
        font-size: 16px;
        height: 22px;
        transition: all 275ms;
    }
    .select_mate {
        width: 220px;
        height: 37px;
        font-family: 'Roboto';
        color: #777;
        font-weight: 300;
        background-color: #fff;
        border-radius: 3px;
        transition: all 375ms ease-in-out;
    }
    .select_mate select {
        position: absolute;
        overflow: hidden;
        height: 0px;
        opacity: 0;
        z-index: -1;
    }
    .cont_list_select_mate {
        position: relative;
        float: left;
        width: 100%;
    }
    .cont_select_int {
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: 999;
        overflow: hidden;
        height: 0px;
        width: 100%;
        background-color: #fff;
        padding: 0px;
        margin-bottom: 0px;
        margin-top: 0px;
        border-radius: 0px 0px 3px 3px;
        box-shadow: 1px 4px 10px -2px rgba(0, 0, 0, 0.2);
        transition: all 375ms ease-in-out;
        overflow-y: auto;
    }
    .cont_select_int li {
        font: normal normal normal 16px "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
        position: relative;
        float: left;
        width: 96%;
        border-bottom: 1px solid #e0e0e0;
        background-color: #f5f5f5;
        list-style-type: none;
        padding: 10px 2%;
        margin: 0px;
        transition: all 275ms ease-in-out;
        display: block;
        cursor: pointer;
    }
    .cont_select_int li:last-child {
        border-radius: 3px;
        border-bottom: 0px;
    }
    .cont_select_int li:hover {
        background-color: #eeeeee;
    }
    .cont_select_int li.active {
        background-color: #eeeeee;
    }
    .selecionado_opcion {
        font: normal normal normal 16px "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
        display: block;
        margin: 0px;
        cursor: pointer;
        width: 212px;
        height: 35px;
        background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border: 1px solid #707070;
        border-radius: 6px;
        -webkit-appearance: none;
        appearance: none;
        padding-left: 6px;
        line-height: 37px;
        color: #C7C7C7;
    }
}