@charset "UTF-8";

/*171017 font-size変更
---------------------------------------------------------- */

.brandSection03 p:not([class]),
.brandSection03 p[class^="mt"],
.brandSection03 p[class^="mb"],
.brandSection03 blockquote,
.brandSection03 .brandReportIntInner01 li,
.brandSection03 .brandReportIntInner01 .linkList01 li {
    font-size: 16px;
    line-height: 1.9;
}


/* /search/
---------------------------------------------------------- */

.tokyo-map *,
.tokyo-map *::before,
.tokyo-map *::after,
.search-top .theme *,
.search-top .theme *::before,
.search-top .theme *::after {
    box-sizing: border-box;
}

@media (min-width: 768px) {
    .tokyo-map {
        float: left;
        width: 609px;
        height: 508px;
        margin: 0 0 55px;
    }
    .tokyo-map .inner {
        position: relative;
        height: 408px;
    }
    .tokyo-map .inner::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 609px;
        height: 408px;
        background: url(/mecsumai/img/search/maps.png) no-repeat 0 0;
        background-size: 100% auto;
        z-index: 0;
    }
    .tokyo-map .inner .caption {
        position: absolute;
        top: 28px;
        left: 28px;
        color: #00703C;
        font-size: 20px;
        font-weight: bold;
        line-height: 1;
        z-index: 3;
    }
    .tokyo-map .inner .areas li a {
        display: block;
        position: absolute;
        height: 32px;
        border: 1px solid #00703C;
        overflow: hidden;
        background-color: #FFFFFF;
        z-index: 2;
    }
    .tokyo-map .inner .areas li a.link01 {
        top: 49.27%;
        left: 42.86%;
        width: 64px;
    }
    .tokyo-map .inner .areas li a.link02 {
        top: 21.32%;
        left: 33.99%;
        width: 64px;
    }
    .tokyo-map .inner .areas li a.link03 {
        top: 32.11%;
        left: 62.89%;
        width: 64px;
    }
    .tokyo-map .inner .areas li a.link04 {
        top: 69.61%;
        left: 32.84%;
        width: 64px;
    }
    .tokyo-map .inner .areas li a.link05 {
        top: 40.44%;
        left: 27.42%;
        width: 64px;
    }
    .tokyo-map .inner .areas li a.link06 {
        top: 3.43%;
        left: 79.31%;
        width: 114px;
    }
    .tokyo-map .inner .areas li a.link07 {
        top: 24.51%;
        left: 85.71%;
        width: 64px;
    }
    .tokyo-map .inner .areas li a.link08 {
        top: 83.33%;
        left: 12.48%;
        width: 79px;
    }
    .tokyo-map .inner .areas li a.link09 {
        top: 3.19%;
        left: 40.39%;
        width: 64px;
    }
    .tokyo-map .inner .areas li a.link10 {
        top: 43.14%;
        left: 1.64%;
        width: 102px;
    }
    .tokyo-map .inner .areas li a span {
        display: block;
        position: relative;
        height: 30px;
        text-indent: 100%;
        color: #FFFFFF;
        font-size: 0;
        overflow: hidden;
        white-space: nowrap;
        background: url(/mecsumai/img/search/buttons.png) no-repeat 0 0;
    }
    .tokyo-map .inner .areas li a.link01 span {
        width: 62px;
        background-position: 0 0;
    }
    .tokyo-map .inner .areas li a.link02 span {
        width: 62px;
        background-position: -62px 0;
    }
    .tokyo-map .inner .areas li a.link03 span {
        width: 62px;
        background-position: -124px 0;
    }
    .tokyo-map .inner .areas li a.link04 span {
        width: 62px;
        background-position: -186px 0;
    }
    .tokyo-map .inner .areas li a.link05 span {
        width: 62px;
        background-position: -248px 0;
    }
    .tokyo-map .inner .areas li a.link06 span {
        width: 112px;
        background-position: -310px 0;
    }
    .tokyo-map .inner .areas li a.link07 span {
        width: 62px;
        background-position: -422px 0;
    }
    .tokyo-map .inner .areas li a.link08 span {
        width: 77px;
        background-position: -484px 0;
    }
    .tokyo-map .inner .areas li a.link09 span {
        width: 62px;
        background-position: -561px 0;
    }
    .tokyo-map .inner .areas li a.link10 span {
        width: 100px;
        background-position: -623px 0;
    }
    .tokyo-map .inner .areas li a.link01:not(.none):hover span {
        background-position: 0 -32px;
    }
    .tokyo-map .inner .areas li a.link02:not(.none):hover span {
        background-position: -62px -32px;
    }
    .tokyo-map .inner .areas li a.link03:not(.none):hover span {
        background-position: -124px -32px;
    }
    .tokyo-map .inner .areas li a.link04:not(.none):hover span {
        background-position: -186px -32px;
    }
    .tokyo-map .inner .areas li a.link05:not(.none):hover span {
        background-position: -248px -32px;
    }
    .tokyo-map .inner .areas li a.link06:not(.none):hover span {
        background-position: -310px -32px;
    }
    .tokyo-map .inner .areas li a.link07:not(.none):hover span {
        background-position: -422px -32px;
    }
    .tokyo-map .inner .areas li a.link08:not(.none):hover span {
        background-position: -484px -32px;
    }
    .tokyo-map .inner .areas li a.link09:not(.none):hover span {
        background-position: -561px -32px;
    }
    .tokyo-map .inner .areas li a.link10:not(.none):hover span {
        background-position: -623px -32px;
    }
    .tokyo-map .inner .areas li a.none {
        border: none;
        background: none;
        cursor: default;
    }
    .tokyo-map .inner .areas li a.none:hover {
        text-decoration: none;
    }
    .tokyo-map .inner .areas li a.none span {
        text-indent: 0;
        color: #333333;
        font-size: 14px;
        font-weight: normal;
        line-height: 36px;
        background: none;
    }
    .tokyo-map .inner .areas li .bg {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 609px;
        height: 408px;
        background: url(/mecsumai/img/search/maps.png) no-repeat 0 0;
        z-index: 1;
    }
    .tokyo-map .inner .areas li a:hover:not(.none)+.bg {
        display: block;
    }
    .tokyo-map .inner .areas li a.link01:hover+.bg {
        background-position: 0 -408px;
    }
    .tokyo-map .inner .areas li a.link02:hover+.bg {
        background-position: 0 -816px;
    }
    .tokyo-map .inner .areas li a.link03:hover+.bg {
        background-position: 0 -1224px;
    }
    .tokyo-map .inner .areas li a.link04:hover+.bg {
        background-position: 0 -1632px;
    }
    .tokyo-map .inner .areas li a.link05:hover+.bg {
        background-position: 0 -2040px;
    }
    .tokyo-map .inner .areas li a.link06:hover+.bg {
        background-position: 0 -2448px;
    }
    .tokyo-map .inner .areas li a.link07:hover+.bg {
        background-position: 0 -2856px;
    }
    .tokyo-map .inner .areas li a.link08:hover+.bg {
        background-position: 0 -3264px;
    }
    .tokyo-map .inner .areas li a.link09:hover+.bg {
        background-position: 0 -3672px;
    }
    .tokyo-map .inner .areas li a.link10:hover+.bg {
        background-position: 0 -4080px;
    }
    .tokyo-map .panel {
        width: 100%;
        height: 100px;
        padding: 10px;
        background-color: #02763B;
    }
    .tokyo-map .panel .buttons li {
        float: left;
        width: 130px;
        margin: 0 5px 0 0;
    }
    .tokyo-map .panel .buttons li a {
        display: block;
        height: 80px;
        padding: 50px 0 0;
        text-align: center;
        font-size: 15px;
        font-family: "Ryumin Regular KL", serif;
        line-height: 1;
        background-color: #FFFFFF;
    }
    .tokyo-map .panel .buttons li a.button01 {
        background: #FFFFFF url(/mecsumai/img/search/ico_area.png) no-repeat center 12px;
    }
    .tokyo-map .panel .buttons li a.button02 {
        background: #FFFFFF url(/mecsumai/img/search/ico_line.png) no-repeat center 10px;
    }
    .tokyo-map .panel .buttons li a.button03 {
        background: #FFFFFF url(/mecsumai/img/search/ico_price.png) no-repeat center 14px;
    }
    .tokyo-map .panel .buttons li a:hover {
        text-decoration: none;
    }
    .tokyo-map .panel .login-box {
        float: right;
        width: 180px;
        text-align: center;
    }
    .tokyo-map .panel .login-box p {
        padding: 4px 0;
        color: #FFFFFF;
        font-size: 12px;
        line-height: 18px;
    }
    .tokyo-map .panel .login-box ul {
        padding: 6px 0 7px;
        border: 1px solid #5A9F7C;
        overflow: hidden;
    }
    .tokyo-map .panel .login-box ul li {
        float: left;
        width: 50%;
        font-size: 13px;
        line-height: 17px;
    }
    .tokyo-map .panel .login-box ul li:first-child {
        border-right: 1px solid #5A9F7C;
    }
    .tokyo-map .panel .login-box ul li a {
        color: #FFFFFF;
    }
    .tokyo-map .panel .login-box2 {
        float: left;
        width: 167px;
        margin-left: 11px;
        text-align: center;
    }
    .tokyo-map .panel .login-box2 .head {
        height: 19px;
        border-bottom: 1px solid #5A9F7C;
    }
    .tokyo-map .panel .login-box2 .head p {
        float: left;
        color: rgba(255, 255, 255, 0.45);
        font-size: 11px;
        line-height: 18px
    }
    .tokyo-map .panel .login-box2 .head a {
        float: right;
        color: #FFFFFF;
        font-size: 11px;
        line-height: 18px
    }
    .tokyo-map .panel .login-box2 ul {
        margin: 6px 0 0;
        text-align: left;
        font-size: 0;
    }
    .tokyo-map .panel .login-box2 ul li {
        display: inline-block;
        margin: 0 10px 0 0;
        font-size: 11px;
        line-height: 19px;
    }
    .tokyo-map .panel .login-box2 ul li a {
        color: #FFFFFF;
    }
    .tokyo-map .panel .login-box3 {
        float: right;
        width: 176px;
    }
    .tokyo-map .panel .login-box3 p {
        color: #FFFFFF;
        text-align: justify;
        font-size: 10px;
        line-height: 1.3;
    }
    .tokyo-map .panel .login-box3 a {
        display: block;
        margin: 6px 0 0;
        border: 1px solid #FFFFFF;
        text-align: center;
        color: #FFFFFF;
        font-size: 12px;
        line-height: 20px;
    }
    .tokyo-map .brands-anchor {
        display: none;
    }
    .search-top .theme {
        float: right;
        width: calc(100% - 630px);
    }
    .search-top .theme header {
        position: relative;
        height: 52px;
        padding: 11px 0 0;
    }
    .search-top .theme header h2 {
        display: inline-block;
        position: relative;
        color: #02763B;
        font-size: 20px;
        font-weight: bold;
        line-height: 26px;
    }
    .search-top .theme header a {
        display: inline-block;
        width: 52px;
        margin: 0 0 0 6px;
        padding: 6px 12px 6px 0;
        vertical-align: top;
    }
    .search-top .theme .theme-list {
        position: relative;
        max-height: 405px;
        margin: 0 0 20px;
        padding: 0 18px 0 0;
        overflow: hidden;
    }
    .search-top .theme .theme-list ul li:not(:first-child) {
        margin: 3px 0 0;
    }
    .search-top .theme .theme-list ul li a {
        display: block;
        max-height: 110px;
        padding: 11px 12px;
        overflow: hidden;
        background-color: #F6F5ED;
    }
    .search-top .theme .theme-list ul li a .image {
        float: left;
        position: relative;
        width: 72px;
        height: 72px;
        overflow: hidden;
    }
    .search-top .theme .theme-list ul li a img {
        position: absolute;
        top: 50%;
        left: 50%;
        width: auto;
        height: 100%;
        transform: translate(-50%, -50%);
    }
    .search-top .theme .theme-list ul li a p {
        float: right;
        width: calc(100% - 90px);
        color: #666666;
        font-size: 12px;
        line-height: 20px;
    }
    .search-top .theme .theme-list ul li a p.title {
        padding: 2px 0 6px;
        color: #333333;
        font-size: 14px;
        font-weight: bold;
    }
    .search-top .theme .theme-list ul li a:hover p.title {
        text-decoration: underline;
        color: #00703C;
    }
    .search-top .theme .theme-list ul li a p.title .new {
        display: inline-block;
        margin: 0 0 0 7px;
        padding: 1px 5px 0;
        color: #FFFFFF;
        font-size: 11px;
        font-weight: bold;
        line-height: 18px;
        vertical-align: 1px;
        background-color: #DC2923;
    }
    .search-top .theme .brands-anchor {
        display: block;
        position: relative;
        max-width: 318px;
        padding: 2px 10px 0 0;
        border: 1px solid #02763B;
        text-align: center;
        color: #02763B;
        font-size: 14px;
        font-weight: bold;
        line-height: 28px;
    }
    .search-top .theme .brands-anchor::before {
        content: "";
        position: absolute;
        top: 13px;
        right: 10px;
        border-top: 5px solid #02763B;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-bottom: none;
    }
    .search-top .theme .brands-anchor:hover {
        text-decoration: none;
        opacity: 0.7;
    }
    .search-top #brands .last .btn_blank01 {
        width: 100%;
        padding: 7px 15px 5px 3px;
        box-sizing: border-box;
    }
    .search-top .feature h3 .btn_basic02 {
        display: inline-block;
        width: 52px;
        margin: 0 0 0 6px;
        padding: 6px 12px 6px 0;
        vertical-align: middle;
        font-weight: normal;
        box-sizing: border-box;
    }
}

@media (max-width: 950px) {
    .search-top .theme header h2 {
        font-size: 18px;
    }
}

@media (min-width: 910px) and (max-width: 930px) {
    .search-top .theme header h2 {
        font-size: 16px;
    }
}

@media (max-width: 790px) {
    .search-top .theme header h2 {
        font-size: 16px;
    }
}

@media (max-width: 980px) {
    .search-top .theme .brands-anchor {
        font-size: 12px;
    }
}

@media (max-width: 940px) {
    .search-top .theme .brands-anchor {
        font-size: 10px;
    }
}

@media (max-width: 910px) {
    .search-top .theme .brands-anchor {
        font-size: 14px;
    }
}

@media (max-width: 840px) {
    .search-top .theme .brands-anchor {
        font-size: 12px;
    }
}

@media (max-width: 800px) {
    .search-top .theme .brands-anchor {
        font-size: 10px;
    }
}

@media (min-width: 768px) and (max-width: 910px) {
    .tokyo-map {
        width: 473px;
        height: 394px;
    }
    .tokyo-map .inner {
        height: 317px;
    }
    .tokyo-map .inner::before {
        height: 317px;
        background-size: 473px auto;
    }
    .tokyo-map .inner .caption {
        top: 22px;
        left: 22px;
        font-size: 16px;
    }
    .tokyo-map .inner .areas li a {
        transform: scale(0.78125);
        transform-origin: 0 0;
    }
    .tokyo-map .inner .areas li a:hover:not(.none)+.bg {
        transform: scale(0.776683);
        transform-origin: 0 0;
    }
    .tokyo-map .panel {
        height: 77px;
        padding: 8px;
    }
    .tokyo-map .panel .buttons li {
        float: left;
        width: 100px;
        margin: 0 3px 0 0;
    }
    .tokyo-map .panel .buttons li a {
        display: block;
        height: 62px;
        padding: 39px 0 0;
        font-size: 12px;
    }
    .tokyo-map .panel .buttons li a.button01 {
        background-position: center 9px;
        background-size: 13px auto;
    }
    .tokyo-map .panel .buttons li a.button02 {
        background-position: center 8px;
        background-size: 19px auto;
    }
    .tokyo-map .panel .buttons li a.button03 {
        background-position: center 11px;
        background-size: 17px auto;
    }
    .tokyo-map .panel .login-box {
        width: 139px;
    }
    .tokyo-map .panel .login-box p {
        padding: 3px 0;
        color: #FFFFFF;
        font-size: 9px;
        line-height: 14px;
    }
    .tokyo-map .panel .login-box ul {
        padding: 4px 0 5px;
        border: 1px solid #5A9F7C;
        overflow: hidden;
    }
    .tokyo-map .panel .login-box ul li {
        font-size: 10px;
        line-height: 13px;
    }
    .tokyo-map .panel .login-box2 {
        width: 139px;
        margin-left: 7px;
    }
    .tokyo-map .panel .login-box2 .head {
        height: 16px;
    }
    .tokyo-map .panel .login-box2 .head p {
        line-height: 15px;
    }
    .tokyo-map .panel .login-box2 .head a {
        line-height: 15px;
    }
    .tokyo-map .panel .login-box2 ul {
        margin: 5px 0 0;
    }
    .tokyo-map .panel .login-box2 ul li {
        margin: 0 5px 0 0;
        font-size: 10px;
        line-height: 14px;
    }
    .tokyo-map .panel .login-box3 {
        width: 140px;
        margin: -4px 0 0;
    }
    .tokyo-map .panel .login-box3 p {
        line-height: 10px;
    }
    .tokyo-map .panel .login-box3 a {
        display: block;
        margin: 2px 0 0;
        border: 1px solid #FFFFFF;
        text-align: center;
        color: #FFFFFF;
        font-size: 10px;
        line-height: 16px;
    }
    .search-top .theme {
        width: calc(100% - 488px);
    }
    .search-top .theme .theme-list {
        max-height: 295px;
        margin: 0 0 15px;
    }
    .search-top .theme .brands-anchor {
        display: block;
        position: relative;
        max-width: 100%;
        padding: 2px 10px 0 0;
        border: 1px solid #02763B;
        text-align: center;
        color: #02763B;
        font-weight: bold;
        line-height: 28px;
    }
}

@media (max-width: 767px) {
    .tokyo-map {
        margin: 0 0 30px;
    }
    .tokyo-map .inner {
        position: relative;
        height: 80.625vw;
        background: url(/mecsumai/img/search/map_sp.png) no-repeat 0 0;
        background-size: 100% 100%;
    }
    .tokyo-map .inner .caption {
        position: absolute;
        top: 3.59375%;
        left: 3.59375%;
        color: #00703C;
        font-size: 4.21875vw;
        font-weight: bold;
        line-height: 1;
    }
    .tokyo-map .inner .areas li a {
        display: block;
        position: absolute;
        height: 50px;
        text-indent: 100%;
        overflow: hidden;
        white-space: nowrap;
        background: url(/mecsumai/img/search/buttons_sp.png) no-repeat 0 0;
        background-size: auto 50px;
        z-index: 2;
        transform-origin: 0 0;
    }
    .tokyo-map .inner .areas li a.link01 {
        top: 49.22%;
        left: 40.37%;
        width: 80px;
        background-position: 0 0;
    }
    .tokyo-map .inner .areas li a.link02 {
        top: 20.54%;
        left: 29.56%;
        width: 80px;
        background-position: -80px 0;
    }
    .tokyo-map .inner .areas li a.link03 {
        top: 30.23%;
        left: 66.72%;
        width: 80px;
        background-position: -160px 0;
    }
    .tokyo-map .inner .areas li a.link04 {
        top: 68.6%;
        left: 27.87%;
        width: 80px;
        background-position: -240px 0;
    }
    .tokyo-map .inner .areas li a.link05 {
        top: 40.7%;
        left: 21.11%;
        width: 80px;
        background-position: -320px 0;
    }
    .tokyo-map .inner .areas li a.link06 {
        top: 3.43%;
        right: 2.13%;
        width: 144px;
        background-position: -400px 0;
        transform-origin: right 0;
    }
    .tokyo-map .inner .areas li a.link07 {
        top: 22.09%;
        left: 84.63%;
        width: 80px;
        background-position: -544px 0;
    }
    .tokyo-map .inner .areas li a.link08 {
        top: 82.75%;
        left: 8.28%;
        width: 95px;
        background-position: -624px 0;
    }
    .tokyo-map .inner .areas li a.link09 {
        top: 2.52%;
        left: 36.49%;
        width: 80px;
        background-position: -719px 0;
    }
    .tokyo-map .inner .areas li a.link10 {
        top: 55.81%;
        left: 2.03%;
        width: 126px;
        background-position: -799px 0;
    }
    .tokyo-map .inner .areas li a.none {
        border: none;
        background: none;
        cursor: default;
        text-indent: 0;
        color: #333333;
        font-size: 20px;
        font-weight: normal;
        line-height: 80px;
        background: none;
    }
    .tokyo-map .inner .areas li a.none:hover {
        text-decoration: none;
    }
    .tokyo-map .inner .areas li .bg {
        display: none;
    }
    .tokyo-map .panel {
        width: 100%;
        padding: 12px 10px;
        background-color: #02763B;
    }
    .tokyo-map .panel .buttons {
        overflow: hidden;
    }
    .tokyo-map .panel .buttons li {
        float: left;
        width: 33.33%;
        padding: 0 2px;
    }
    .tokyo-map .panel .buttons li a {
        display: block;
        height: 60px;
        padding: 38px 0 0;
        text-align: center;
        font-size: 11px;
        font-family: "Ryumin Regular KL", serif;
        line-height: 1;
        background-color: #FFFFFF;
    }
    .tokyo-map .panel .buttons li a.button01 {
        background: #FFFFFF url(/mecsumai/img/search/ico_area.png) no-repeat center 10px;
        background-size: 13px auto;
    }
    .tokyo-map .panel .buttons li a.button02 {
        background: #FFFFFF url(/mecsumai/img/search/ico_line.png) no-repeat center 10px;
        background-size: 18px auto;
    }
    .tokyo-map .panel .buttons li a.button03 {
        background: #FFFFFF url(/mecsumai/img/search/ico_price.png) no-repeat center 12px;
        background-size: 15px auto;
    }
    .tokyo-map .panel .login-box {
        padding: 12px 2px 0;
        overflow: hidden;
        text-align: center;
    }
    .tokyo-map .panel .login-box p {
        float: left;
        width: calc(100% - 158px);
        color: #FFFFFF;
        font-size: 9px;
        line-height: 15px;
    }
    .tokyo-map .panel .login-box ul {
        float: right;
        width: 147px;
        padding: 3px 0;
        border: 1px solid #5A9F7C;
        overflow: hidden;
    }
    .tokyo-map .panel .login-box ul li {
        float: left;
        width: 50%;
        font-size: 10px;
        line-height: 22px;
    }
    .tokyo-map .panel .login-box ul li:first-child {
        border-right: 1px solid #5A9F7C;
    }
    .tokyo-map .panel .login-box ul li a {
        color: #FFFFFF;
    }
    .tokyo-map .panel .login-box2 {
        padding: 10px 0 0;
        overflow: hidden;
    }
    .tokyo-map .panel .login-box2 .head {
        float: left;
        width: 71px;
        height: 28px;
        padding: 0 10px 0 0;
        text-align: right;
        border-right: 1px solid #5A9F7C;
    }
    .tokyo-map .panel .login-box2 .head p {
        height: 18px;
        color: rgba(255, 255, 255, 0.45);
        font-size: 9px;
        line-height: 11px;
    }
    .tokyo-map .panel .login-box2 .head a {
        display: block;
        color: #FFFFFF;
        font-size: 10px;
        line-height: 10px;
    }
    .tokyo-map .panel .login-box2 ul {
        float: right;
        width: calc(100% - 71px);
        margin-top: -5px;
        padding: 0 0 0 3px;
        text-align: left;
        font-size: 0;
    }
    .tokyo-map .panel .login-box2 ul li {
        float: left;
        margin: 0 0 0 10px;
        font-size: 10px;
        line-height: 19px;
    }
    .tokyo-map .panel .login-box2 ul li a {
        color: #FFFFFF;
    }
    .tokyo-map .panel .login-box3 {
        margin: 10px 0 0;
    }
    .tokyo-map .panel .login-box3 p {
        color: #FFFFFF;
        font-size: 12px;
        line-height: 1.3;
    }
    .tokyo-map .panel .login-box3 a {
        display: block;
        margin: 10px 0 0;
        border: 1px solid #FFFFFF;
        text-align: center;
        color: #FFFFFF;
        font-size: 12px;
        line-height: 26px;
    }
    .tokyo-map .brands-anchor {
        display: block;
        position: relative;
        margin: 12px 2px 0;
        padding: 2px 0 0;
        text-align: center;
        color: #02763B;
        font-size: 10px;
        font-weight: bold;
        line-height: 28px;
        background-color: #FFFFFF;
    }
    .tokyo-map .panel .login-box2+.brands-anchor {
        margin-top: 10px;
    }
    .search-top .theme {
        margin: 0 0 30px;
    }
    .search-top .theme header {
        position: relative;
        padding: 0 0 10px;
    }
    .search-top .theme header h2 {
        display: inline-block;
        color: #02763B;
        font-size: 20px;
        font-weight: bold;
        line-height: 24px;
    }
    .search-top .theme header a {
        display: inline-block;
        margin: 0 0 0 10px;
        vertical-align: top;
    }
    .search-top .theme .theme-list {
        position: relative;
        padding: 0 0 35px;
        font-size: 12px;
        line-height: 1.3;
    }
    .search-top .theme .theme-list .prevBtn,
    .search-top .theme .theme-list .nextBtn {
        display: block;
        width: 64px;
        height: 24px;
        position: absolute;
        top: auto;
        left: 0;
        bottom: 0;
        margin-top: -15px;
        z-index: 61;
        background: url(/mecsumai/img/common/btn_prev01_sp.png) #00703C 11px center no-repeat;
        background-size: 7px 11px;
    }
    .search-top .theme .theme-list .nextBtn {
        left: auto;
        right: 0;
        background: url(/mecsumai/img/common/btn_next01_sp.png) #00703C 44px center no-repeat;
        background-size: 7px 11px;
    }
    .search-top .theme .theme-list .bx-pager {
        bottom: -28px;
    }
    .search-top .theme .theme-list .bx-pager a {
        height: 2px;
        width: 20px;
        margin: 0 2px;
        outline: none;
    }
    .search-top .theme .theme-list ul li a {
        display: block;
        padding: 0;
        overflow: hidden;
    }
    .search-top .theme .theme-list ul li a .image img {
        width: 100%;
    }
    .search-top .theme .theme-list ul li a p.title {
        margin: 9px 0 0;
        font-weight: bold;
    }
    .search-top .theme .theme-list ul li a p:not(.title) {
        margin: 5px 0 0;
        font-weight: normal;
    }
    .search-top .theme .theme-list ul li a p.title .new {
        display: inline-block;
        margin: 0 0 0 5px;
        padding: 1px 5px 0;
        color: #FFFFFF;
        font-size: 10px;
        font-weight: bold;
        line-height: 15px;
        vertical-align: 1px;
        background-color: #DC2923;
    }
    .search-top .theme .brands-anchor {
        display: none;
    }
    .search-top .feature h3 .btn_basic02 {
        font-weight: normal;
        box-sizing: border-box;
    }
}

@media (max-width: 600px) {
    .tokyo-map .inner .areas li a {
        transform: scale(0.7);
    }
}

@media (max-width: 450px) {
    .tokyo-map .inner .areas li a {
        transform: scale(0.5);
    }
}

.searchBtn01 {
    width: 598px;
    height: 40px;
    margin: 64px auto 0;
    font-size: 16px;
    line-height: 2.5;
}


/*extra class*/

.mypageSection {
    padding: 0 20px;
}

.mypageHeading02 {
    margin: 32px 0;
}

.mypageHeading04 {
    margin: 0 0 5px 0;
}

.mypageSection02 {
    padding: 0 20px;
}

.mypageArticle02 li {
    margin-bottom: 15px;
}

.anchorLinkClear01 {
    margin: 0 !important;
}

.anchorLinkModelroom {
    margin: 0 !important;
}

.tagMemberMypage {
    display: inline-block;
    padding: 3px 12px;
    margin-bottom: 6px;
    position: relative;
    top: -6px;
    background: #00703C;
    font-size: 10px;
    color: #fff;
    line-height: 1;
}

dl.qaAccordionMemberMypage {}

dl.qaAccordionMemberMypage dt span,
dl.qaAccordionMemberMypage dt:hover span {
    padding-left: 9px;
    background-image: none;
}

dl.qaAccordionMemberMypage dd .box {
    padding-left: 24px;
    background-image: none;
}

.link_type01 {
    background-color: transparent;
}

@media screen and (max-width: 767px) {
    .mypageSection {
        padding: 0 12px;
    }
    .mypageSection .tab_block02 {
        margin-bottom: 17px;
    }
    .mypageHeading02 {
        margin: 17px 0;
    }
    .mypageSection02 {
        padding: 0 12px 16px;
    }
    .mypageArticle02 li {
        margin-bottom: 12px;
    }
    .anchorLinkClear01 {
        margin: 0 !important;
    }
    .anchorLinkModelroom {
        margin: 16px 0 0 0 !important;
    }
}

@media screen and (max-width: 767px) {
    .searchUl01 {
        padding: 0 12px;
    }
    .searchBtn01 {
        width: auto;
        height: auto;
        margin: 33px auto 0;
        padding: 7px 15px;
        font-size: 12px;
        line-height: 1.3;
    }
}


/* /search/list/
---------------------------------------------------------- */

.searchListTxt01 {
    margin-bottom: 35px;
}

.searchListBtn01 {
    width: 336px;
    height: 59px;
    padding-top: 4px;
    margin: 0 auto 40px;
    font-size: 16px;
    line-height: 1.5;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
}

@media (max-width: 767px) {
    .searchListBtn01 {
        width: 100%;
        font-size: 14px;
    }
}

@media (max-width: 320px) {
    .searchListBtn01 {
        font-size: 12px;
    }
}

.searchListBox01 *,
.searchListBox01 *::before,
.searchListBox01 *::after {
    box-sizing: border-box;
}

@media (min-width: 768px) {
    .searchListBox01 {
        margin-top: -25px;
        border: 1px solid #DDDDDD;
    }
    .searchListBox01 section {
        position: relative;
        padding: 40px 39px 0;
    }
    .searchListBox01 section h3 {
        color: #00703C;
        font-size: 18px;
        font-weight: bold;
        line-height: 26px;
    }
    .searchListBox01 section .block {
        margin: 15px 0 0;
        padding: 18px 30px;
        overflow: hidden;
        background-color: #F4F4F4;
    }
    .searchListBox01 .search1 .block .links {
        float: left;
        width: calc(100% - 380px);
    }
    .searchListBox01 .search1 .block .links li {
        float: left;
        width: 204px;
        font-size: 14px;
        line-height: 42px;
    }
    .searchListBox01 .search1 .block .links li:nth-child(even) {
        width: 150px;
    }
    .searchListBox01 .search1 .block .links li a,
    .searchListBox01 .search1 .block .price-search a {
        color: #333333;
    }
    .searchListBox01 .search1 .block .links li a:hover,
    .searchListBox01 .search1 .block .price-search a:hover {
        color: #00703C;
    }
    .searchListBox01 .search1 .block .links li a::after,
    .searchListBox01 .search1 .block .price-search a:after {
        content: "";
        display: inline-block;
        margin: 0 0 0 8px;
        vertical-align: middle;
        border-left: 5px solid #00703C;
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        border-right: none;
    }
    .searchListBox01 .search1 .block .price-search {
        float: right;
        position: relative;
        width: 350px;
        padding: 10px 0 0;
    }
    .searchListBox01 .search1 .block .price-search .notice {
        position: absolute;
        top: 13px;
        right: 0;
        font-size: 12px;
    }
    .searchListBox01 .search1 .block .price-search form {
        margin: 12px 0 0;
    }
    .searchListBox01 .search1 .block .price-search form .select_basic02 {
        width: 156px;
        height: 28px;
        margin: 0 0 13px;
        background-position: right -2px;
    }
    .searchListBox01 .search1 .block .price-search form select {
        width: 180px;
        height: 26px;
        padding: 0 5px;
    }
    .searchListBox01 .search1 .block .price-search form .select_basic02:nth-of-type(1) {
        float: left;
    }
    .searchListBox01 .search1 .block .price-search form .select_basic02:nth-of-type(1)+span {
        float: left;
        width: 38px;
        text-align: center;
        font-size: 20px;
        line-height: 28px;
    }
    .searchListBox01 .search1 .block .price-search form .select_basic02:nth-of-type(2) {
        float: right;
    }
    .searchListBox01 .search1 .block .price-search form button {
        display: block;
        clear: both;
        width: 80px;
        height: 30px;
        margin: 0 auto;
        line-height: 30px;
        cursor: pointer;
    }
    .searchListBox01 .search2 {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .searchListBox01 .search2 .block .links {
        float: left;
    }
    .searchListBox01 .search2 .block .links li {
        float: left;
        width: 300px;
        font-size: 14px;
        line-height: 42px;
    }
    .searchListBox01 .search2 .block .links li:nth-child(even) {
        width: 360px;
    }
    .searchListBox01 .search2 .block .links li a {
        color: #333333;
    }
    .searchListBox01 .search2 .block .links li a::after {
        content: "";
        display: inline-block;
        margin: 0 0 0 5px;
        width: 11px;
        height: 9px;
        vertical-align: middle;
        background: url(/mecsumai/img/common/ico_blank03.png) no-repeat right center;
    }
    .searchListBox01 .search2 .block .links li a:hover {
        color: #00703C;
    }
    .searchListBox01 .location {
        padding: 30px;
        border-top: 1px solid #DDDDDD;
    }
    .searchListBox01 .location ul {
        overflow: hidden;
    }
    .searchListBox01 .location ul li {
        float: left;
        width: 16.6666666%;
        padding: 0 9px;
    }
    .searchListBox01 .location ul li a {
        display: block;
        width: 100%;
        padding: 2px 0 0;
        border: 1px solid #00703C;
        text-align: center;
        color: #00703C;
        font-size: 14px;
        font-weight: bold;
        line-height: 39px;
    }
    .searchListBox01 .location ul li a:hover {
        text-decoration: none;
        color: #FFFFFF;
        background-color: #00703C;
    }
}

@media (max-width: 767px) {
    .searchListBox01 {
        border: 1px solid #DDDDDD;
    }
    .searchListBox01 section {
        position: relative;
    }
    .searchListBox01 section h3 {
        padding: 2px 0 0 12px;
        color: #00703C;
        font-size: 12px;
        font-weight: bold;
        line-height: 35px;
    }
    .searchListBox01 section .block {
        padding: 18px 17px;
        overflow: hidden;
        background-color: #EEEEEE;
    }
    .searchListBox01 .search1 .block .links {
        overflow: hidden;
    }
    .searchListBox01 .search1 .block .links li {
        float: left;
        width: 50%;
        min-height: 31px;
        padding: 0 10px 0 0;
        font-size: 12px;
        line-height: 15px;
    }
    .searchListBox01 .search1 .block .links li:nth-child(odd) {
        clear: left;
    }
    .searchListBox01 .search1 .block .links li:last-child {
        float: right;
    }
    .searchListBox01 .search1 .block .links li a,
    .searchListBox01 .search1 .block .price-search a {
        color: #333333;
    }
    .searchListBox01 .search1 .block .links li a::after,
    .searchListBox01 .search1 .block .price-search a:after {
        content: "";
        display: inline-block;
        margin: 0 0 0 5px;
        vertical-align: middle;
        border-left: 5px solid #00703C;
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        border-right: none;
    }
    .searchListBox01 .search1 .block .links li a span {
        display: inline-block;
    }
    .searchListBox01 .search1 .block .price-search {
        position: relative;
    }
    .searchListBox01 .search1 .block .price-search .notice {
        position: absolute;
        top: 0;
        right: 0;
        font-size: 8px;
        line-height: 22px;
    }
    .searchListBox01 .search1 .block .price-search form {
        margin: 12px 0 0;
    }
    .searchListBox01 .search1 .block .price-search form .select_basic02 {
        float: left;
        width: calc(50% - 41px);
        height: 24px;
        padding: 0;
        line-height: 22px;
        background-position: right -4px;
    }
    .searchListBox01 .search1 .block .price-search form select {
        width: calc(100% + 30px);
        height: 22px;
    }
    .searchListBox01 .search1 .block .price-search form .select_basic02:nth-of-type(1)+span {
        float: left;
        width: 20px;
        text-align: center;
        font-size: 12px;
        line-height: 24px;
    }
    .searchListBox01 .search1 .block .price-search form button {
        float: right;
        width: 50px;
        height: 24px;
        margin: 0 auto;
        line-height: 24px;
        cursor: pointer;
    }
    .searchListBox01 .search2 h3 {
        border-top: 1px solid #DCDCDC;
        border-bottom: 1px solid #DCDCDC;
    }
    .searchListBox01 .search2 .block .links li {
        margin: 0 0 14px;
        font-size: 12px;
        line-height: 15px;
    }
    .searchListBox01 .search2 .block .links li a {
        color: #333333;
    }
    .searchListBox01 .search2 .block .links li a::after {
        content: "";
        display: inline-block;
        margin: 0 0 0 5px;
        width: 11px;
        height: 9px;
        vertical-align: middle;
        background: url(/mecsumai/img/common/ico_blank03.png) no-repeat right center;
    }
    .searchListBox01 .location {
        padding: 14px 0;
        border-top: 1px solid #DDDDDD;
    }
    .searchListBox01 .location ul {
        overflow: hidden;
    }
    .searchListBox01 .location ul li {
        float: left;
        width: 33.33%;
        margin: 18px 0 0;
        border-left: 1px solid #DDDDDD;
    }
    .searchListBox01 .location ul li:nth-child(1),
    .searchListBox01 .location ul li:nth-child(2),
    .searchListBox01 .location ul li:nth-child(3) {
        margin: 0;
    }
    .searchListBox01 .location ul li:nth-child(3n+1) {
        border: none;
    }
    .searchListBox01 .location ul li a {
        display: block;
        padding: 1px 0 0;
        text-align: center;
        color: #333333;
        font-size: 12px;
        font-weight: bold;
        line-height: 18px;
    }
}


/* /brand/
---------------------------------------------------------- */

.brandSection01 {
    padding-bottom: 55px;
    margin: 0 20px;
    border-bottom: 1px solid #ddd;
}

.brandSection02 {
    padding-bottom: 64px;
    margin: 0 20px;
    border-bottom: 1px solid #ddd;
}

.brandSection02.nobdb {
    border: 0 none;
}

.brandBox01 {
    padding: 55px 0;
    background-color: #f6f5ed;
    text-align: center;
    font-family: "Ryumin Regular KL", "Meiryo", "メイリオ";
    font-size: 16px;
    line-height: 1.9;
}

.brandBox01 .head {
    margin-bottom: 35px;
    font-size: 22px;
    line-height: 1;
}


/*.brandBox02 {
	position:relative;
}
	.brandBox02 img {
		width: 100%;
	}
	.brandBox02 .btn_basic04,
	.brandBox02 .btn_basic05 {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 240px;
		margin: -20px 0 0 -120px;
	}
.brandList01 {
	display: table;
	width: 100%;
	overflow: hidden;
}
	.brandList01 li {
		position: relative;
		display: table-cell;
		width: 33.33%;
	}
		.brandList01 li img {
			width: 100%;
		}
		.brandList01 li .btn_basic05 {
			position: absolute;
			top: 50%;
			left: 50%;
			margin: -19px 0 0 -120px;
		}*/

.brandMain01 {
    display: table;
    width: 100%;
    border: 1px solid #dbdbdb;
    overflow: hidden;
}

.brandMain01 img {
    display: block;
    width: 100%;
}

.brandMain01 a {
    display: block;
    text-decoration: none;
}

.brandMain01 a:hover img {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.brandMain01 .boxmain01 {
    display: table-cell;
    width: 39.21%;
    vertical-align: top;
    position: relative;
    background: #00703c;
}

.brandMain01 .boxmain01 .text {
    position: absolute;
    bottom: 0;
    left: 0;
    display: table;
    width: 100%;
    height: 90px;
    font-size: 16px;
    background: #00703c;
    color: #fff;
    font-weight: bold;
    text-align: center;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .brandMain01 .boxmain01 .text {
        bottom: 8px;
    }
}

.brandMain01 .boxmain01 .image {
    background: #fff;
}

.brandMain01 .boxmain01 .text em {
    display: table-cell;
    vertical-align: middle;
}

.brandMain01 .boxmain02 {
    display: table-cell;
    width: 60.79%;
    overflow: hidden;
    vertical-align: top;
}

.brandMain01 .boxmain02 .hideSP {
    display: inline;
}

.brandMain01 .boxmain02 ul li {
    position: relative;
    display: table-cell;
    border-left: 1px solid #dbdbdb;
    float: left;
    width: 50%;
    box-sizing: border-box;
}

.brandMain01 .boxmain02 ul li:nth-child(2n+1) {
    clear: left;
}

.brandMain01 .boxmain02 ul li.bdb {
    border-bottom: 1px solid #dbdbdb;
}

.brandMain01 .boxmain02 ul li img {
    margin-bottom: 70px;
}

.brandMain01 .boxmain02 ul li .text {
    position: absolute;
    left: 0;
    bottom: 0;
    display: table;
    width: 100%;
    height: 70px;
    padding: 5px;
    box-sizing: border-box;
    background: #fff;
    font-size: 12px;
    line-height: 1.7;
    text-align: center;
}

.brandMain01 .boxmain02 ul li .text em {
    display: table-cell;
    vertical-align: middle;
}

.brandHead01 {
    display: table;
    width: 100%;
    overflow: hidden;
}

.brandHead01 .title {
    display: table-cell;
    padding-left: 32px;
    height: 175px;
    vertical-align: middle;
}

.brandHead01 .h2_basic01 {
    display: inline-block;
    margin: 0;
    color: #333;
    font-size: 32px;
    line-height: 1;
}

.brandHead01 h2 a {
    vertical-align: middle;
}

.brandHead01 .detail01 {
    display: table-cell;
    width: auto;
    height: 175px;
    vertical-align: middle;
}

.brandHead01 .detail01 ul {
    float: right;
    width: 320px;
}

.brandHead01 .detail01 ul.list01 {
    width: 450px;
    margin-right: 90px;
    margin-left: -10px;
}

.brandHead01 .detail01 ul.list01 li {
    width: 225px;
    float: left;
    overflow: hidden;
    /*clear: left;*/
}

.brandHead01 .detail01 ul.list01 li:nth-child(2n) {
    width: 205px;
    margin-left: 10px;
    float: right;
    /*clear:none;*/
}

.brandHead01 .detail01 ul.list01 li:nth-child(2n+1) {
    clear: both;
}

.brandHead01 .detail01 ul li,
.brandHead01 .detail02 ul li {
    margin-bottom: 5px;
}

.brandHead01 .detail01 ul li.last,
.brandHead01 .detail02 ul li.last {
    margin-bottom: 0;
}

.brandHead01 .detail01 ul li a,
.brandHead01 .detail02 ul li a {
    color: #00703C;
    font-size: 13px;
    font-weight: bold;
}

@media screen and (min-width: 768px) and (max-width: 1150px) {
    .brandBox01 {
        font-size: 14px;
        line-height: 2.1;
    }
    .brandBox01 .head {
        margin-bottom: 35px;
        font-size: 22px;
        line-height: 1;
    }
    .brandHead01 {}
    .brandHead01 .detail01 {
        width: 450px;
    }
    .brandHead01 .detail01 ul {
        width: 322px;
        float: left;
        margin-left: 10px;
    }
    .brandHead01 .detail01 ul.list01 {
        width: 450px;
        margin-right: 0;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .brandHead01 .title a {
        display: block;
        margin: 10px 0 0 0;
        width: 24px;
    }
}

@media screen and (max-width: 767px) {
    .brandSection01 {
        padding-bottom: 28px;
        margin: 0;
        border-bottom: 1px solid #ddd;
    }
    .brandSection02 {
        padding: 12px 0 30px;
        margin: 0 12px;
    }
    .brandBox01 {
        padding: 25px 12px;
        font-size: 10px;
        line-height: 2;
    }
    .brandBox01 .head {
        margin-bottom: 15px;
        font-size: 15px;
        line-height: 1;
    }
    /*.brandBox02 {
	}
		.brandBox02 .btn_basic04,
		.brandBox02 .btn_basic05 {
			position: absolute;
			top: 50%;
			left: 50%;
			width: 208px;
			margin: -16px 0 0 -104px;
		}
	
	.brandList01 {
	}
		.brandList01 li {
			display: block;
			width: 100%;
		}
			.brandList01 li img {
				width: 100%;
			}
			.brandList01 li .btn_basic05 {
				position: absolute;
				top: 50%;
				left: 50%;
				width: 208px;
				margin: -16px 0 0 -104px;
			}*/
    .brandMain01 {
        border: none;
        overflow: hidden;
    }
    .brandMain01 .boxmain01 {
        display: block;
        width: auto;
        vertical-align: top;
        border: 1px solid #dbdbdb;
        border-bottom: none;
    }
    .brandMain01 .boxmain01 .image {
        display: table-cell;
        width: 50%;
    }
    .brandMain01 .boxmain01 .text {
        position: static;
        display: table-cell;
        width: 50%;
        height: 100%;
        font-size: 10px;
        vertical-align: middle;
        text-align: center;
    }
    .brandMain01 .boxmain01 .text em {
        display: inline;
    }
    .brandMain01 .boxmain02 {
        display: block;
        width: auto;
        border-top: 1px solid #dbdbdb;
        border-right: 1px solid #dbdbdb;
    }
    .brandMain01 .boxmain02 .hideSP {
        display: none;
    }
    .brandMain01 .boxmain02 ul li {
        display: block;
        border-left: 1px solid #dbdbdb;
        border-bottom: 1px solid #dbdbdb;
        float: left;
        width: 50%;
        box-sizing: border-box;
    }
    .brandMain01 .boxmain02 ul li img {
        margin-bottom: 0;
    }
    .brandMain01 .boxmain02 ul li .text {
        position: static;
        display: table;
        width: 100%;
        height: 40px;
        font-size: 12px;
        text-align: center;
    }
    .brandMain01 .boxmain02 ul li .text em {
        display: table-cell;
        vertical-align: middle;
    }
    .brandHead01 {
        display: block;
        padding: 14px 0 15px;
    }
    .brandHead01 .title {
        display: block;
        padding-left: 0;
        padding-bottom: 15px;
        height: auto;
    }
    .brandHead01 .h2_basic01 {
        font-size: 21px;
    }
    .brandHead01 .detail01,
    .brandHead01 .detail02 {
        display: block;
        width: auto;
        height: auto;
    }
    .brandHead01 .detail01 {
        width: auto;
    }
    .brandHead01 .detail01 ul {
        float: left;
        width: 100%;
        box-sizing: border-box;
    }
    .brandHead01 .detail01 ul.list01 {
        width: 100%;
        margin-right: 0;
    }
    .brandHead01 .detail01 ul.list01 li,
    .brandHead01 .detail01 ul.list01 li:nth-child(2n) {
        box-sizing: border-box;
        width: 50%;
        margin-left: 0;
        padding-left: 12px;
    }
    .brandHead01 .detail02 ul,
    .brandHead01 .detail01 ul.list01 {
        padding-left: 0;
    }
    .brandHead01 .detail01 ul li,
    .brandHead01 .detail02 ul li {
        margin-bottom: 10px;
    }
    .brandHead01 .detail01 ul li.last,
    .brandHead01 .detail02 ul li.last {
        margin-bottom: 0;
    }
    .brandHead01 .detail01 ul li a,
    .brandHead01 .detail02 ul li a {
        color: #00703C;
        font-size: 13px;
        font-weight: bold;
    }
}


/* /brand/quality/
---------------------------------------------------------- */

.brandQaSection01 {
    padding: 0 20px 80px;
}

.brandQaBox01 {
    margin: 0 0 80px;
    /*padding: 16px 30px;*/
    padding: 0;
    border: 1px solid #ddd;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    overflow: hidden;
}

.brandQaBox01 ul {
    overflow: hidden;
    margin-right: -1px;
}

.brandQaBox01 ul li {
    float: left;
    width: 50%;
    box-sizing: border-box;
    border-right: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
}

.brandQaBox01 ul li.last {
    /*border-bottom: 0;*/
}

.brandQaBox01 ul li a {
    font-weight: bold;
    font-size: 13px;
    color: #00703C;
    display: block;
    height: 100%;
    padding: 12px 20px;
    box-sizing: border-box;
    text-decoration: none;
}

.brandQaBox01 ul li a p.txt {
    font-weight: normal;
    font-size: 13px;
    color: #333;
}

.brandQaBox01 ul li a:hover {
    background-color: #f4f4f4;
    text-decoration: none;
}

.brandQaBox01 ul li a:hover p {
    text-decoration: underline;
}

.brandQaBox01 ul li a:focus p.txt,
.brandQaBox01 ul li a:visited p.txt,
.brandQaBox01 ul li a:hover p.txt,
.brandQaBox01 ul li a:active p.txt {
    text-decoration: none;
}

.brandQaList01 {
    overflow: hidden;
    margin-left: -28px;
}

.brandQaList01 li {
    float: left;
    width: 33.33%;
    padding-left: 28px;
    margin-bottom: 80px;
    box-sizing: border-box;
}

.brandQaList01 li a {
    display: block;
    overflow: hidden;
}

.brandQaList01 li a:hover {
    color: #333;
    text-decoration: none;
}

.brandQaList01 li img {
    width: 100%;
    margin-bottom: 10px;
}

.brandQaList01 li em {
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.4;
}

.brandQaList01 li em span {
    width: 30px;
    height: 13px;
    display: inline-block;
    margin-right: 6px;
    background: url(/mecsumai/img/brand/quality/ico_new01.gif) center center no-repeat;
}

.brandQaList01 li a:hover em {
    color: #00703C;
    text-decoration: underline;
}

.brandQaList01 li .detail {
    font-size: 13px;
}

.brandQaList01 li div.brandQaListLabel {
    overflow: hidden;
    margin-top: 10px;
    padding: 0 5px;
    background-color: #efefef;
}

.brandQaList01 li .tag {
    float: left;
    padding-top: 2px;
    font-size: 11px;
    font-weight: bold;
}

.brandQaList01 li .tag a {
    display: inline;
    color: #00703C;
}

.brandQaList01 li .tag a:hover {
    text-decoration: underline;
}

.brandQaList01 li .date {
    float: right;
    font-size: 10px;
    color: #999;
    line-height: 2.5;
}

@media screen and (min-width: 768px) and (max-width: 1150px) {
    .brandQaSection01 {
        padding: 0 16px 60px;
    }
}

@media screen and (max-width: 767px) {
    .brandQaSection01 {
        padding: 0 12px 30px;
    }
    .brandQaBox01 {
        margin: 0 0 40px;
        padding: 0;
        border: 0 none;
    }
    .brandQaBox01 ul {}
    .brandQaBox01 ul li {
        float: none;
        width: auto;
        padding: 0;
        border-top: 1px solid #dcdcdc;
        border-bottom: 0;
    }
    .brandQaBox01 ul li.last {
        border-bottom: 1px solid #dcdcdc;
    }
    .brandQaBox01 ul li a {
        display: block;
        padding: 5px 7px;
        font-size: 11px;
    }
    .brandQaBox01 ul li a p.txt {
        display: none;
    }
    .brandQaList01 {
        margin-left: -22px;
    }
    .brandQaList01 li {
        float: left;
        width: 50%;
        margin-bottom: 40px;
        padding-left: 22px;
    }
    .brandQaList01 li img {
        width: 100%;
        height: auto;
        margin-bottom: 8px;
    }
    .brandQaList01 li em {
        margin-bottom: 5px;
        font-size: 12px;
        font-weight: bold;
        line-height: 1.4;
    }
    .brandQaList01 li a:hover em {
        color: inherit;
        text-decoration: none;
    }
    .brandQaList01 li .detail {
        display: none;
    }
    .brandQaList01 li div.brandQaListLabel {
        padding: 0 5px;
        background-color: transparent;
    }
    .brandQaList01 li .tag {
        float: none;
        padding-top: 0;
        font-size: 10px;
        font-weight: bold;
    }
    .brandQaList01 li .date {
        float: none;
        font-size: 10px;
    }
}

@media screen and (min-width: 768px) {
    .brandQaStoryInner01 .h2_basic01.h2_info {
        margin-top: 0;
    }
}


/* /brand/product/quality/story/0000/
---------------------------------------------------------- */

.brandQaStoryImg01 {
    padding: 0 20px;
    max-height: 384px;
}

@media screen and (min-width: 768px) {
    .brandQaStoryImg01 {
        max-height: none;
    }
}

.brandQaStoryImg01.wMax-onlySP {
    text-align: center;
}

.brandQaStoryImg01.wMax-onlySP img,
.brandQaStoryImg01.wMax-onlySP img.wMax {
    width: auto;
}

.brandQaStoryImg01.wMax-onlySP img+p {
    margin: 0 auto;
    text-align: left;
}

.brandQaStorySection01 {
    padding: 0 20px 0;
}

.section02.brandQaStorySection01 {
    padding: 0 20px 64px;
}

.brandQaStorySection01.lead {
    padding: 0 20px 20px;
}

.brandQaStoryInner01 {
    overflow: hidden;
    padding: 0 0 80px;
}

.brandQaStoryInner01>p:not([class]),
.brandLifestyleIntInner01>p:not([class]) {
    font-size: 16px;
    line-height: 1.9;
}

.brandQaStoryInner01.pd {
    padding: 0 32px 80px;
}

.brandLifestyleIntSection01 .brandQaStoryInner01.pd {
    padding-right: 8px;
    padding-left: 0;
}

.brandQaStoryInner01 .h2_basic01 {
    margin: 56px 0 10px;
    line-height: 1.4;
}

.brandQaStoryInner01 .headTag01 {
    overflow: hidden;
    margin-bottom: 30px;
}

.brandQaStoryInner01 .headTag01 .tag,
.brandQaStoryInner01 .headTag01 .date {
    float: left;
    font-size: 12px;
}

.brandQaStoryInner01 .headTag01 .date {
    float: right;
}

.brandQaStoryInner01 .box01 {
    margin: 30px 0 0 0;
    padding: 40px 24px;
}

.brandQaStoryInner01 .txtImage01 {
    display: block;
    min-height: 1%;
}

.brandQaStoryInner01 .txtImage01:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.brandQaStoryInner01 .txtImage01 .imageL,
.brandQaStoryInner01 .txtImage01 .imageR {
    max-width: 50%;
    padding-right: 30px;
    vertical-align: top;
}

.brandQaStoryInner01 .txtImage01 .imageL {
    float: left;
}

.brandQaStoryInner01 .txtImage01 .imageR {
    float: right;
    padding-left: 30px;
    padding-right: 0;
}

@media screen and (max-width: 1150px) and (min-width: 768px) {
    .brandQaStoryInner01 .txtImage01 .imageL,
    .brandQaStoryInner01 .txtImage01 .imageR {
        padding-right: 1%;
        max-width: 48%;
    }
    .brandQaStoryInner01 .txtImage01 .imageR {
        padding-left: 1%;
    }
}

@media screen and (max-width: 767px) {
    .brandQaStoryInner01 .txtImage01 .imageL,
    .brandQaStoryInner01 .txtImage01 .imageR {
        float: none;
        padding-right: 0;
        padding-left: 0;
        max-width: none;
    }
}

.brandQaStoryInner01 .txtImage01 .imageL img,
.brandQaStoryInner01 .txtImage01 .imageR img {
    max-width: 100%;
}

.brandQaStoryInner01 .txtImage01 .imageR.flR {
    float: right;
}

.brandQaStoryInner01 .txtImage01 .text {
    display: table-cell;
    vertical-align: top;
    font-size: 16px;
    line-height: 1.9;
}

.brandQaStoryInner01 .text p+p {
    margin-top: 1em;
}

.brandQaStorySlideWrap {
    background-color: #f4f4f4;
    margin: 0 auto 56px;
}

.brandQaStorySlide01 {
    position: relative;
    padding: 30px 40px 10px;
}

.brandQaStorySlide01 .slider li {
    display: none;
    /*max-height: 466px;*/
    text-align: center;
}

.brandQaStorySlide01 .slider li span.note {
    display: block;
}

@media screen and (max-width: 767px) {
    .brandQaStorySlide01 .slider li {
        max-width: 100%;
    }
}

.brandQaStorySlide01 .prevBtn,
.brandQaStorySlide01 .nextBtn {
    background: url(/mecsumai/img/common/btn_prev02.png) no-repeat center center #00703C;
    display: block;
    height: 88px;
    left: 40px;
    margin-top: -44px;
    position: absolute;
    top: 50%;
    width: 40px;
    z-index: 60;
}

.brandQaStorySlide01 .nextBtn {
    background: url(/mecsumai/img/common/btn_next02.png) no-repeat center center #00703C;
    left: auto;
    right: 40px;
}

.brandQaStorySlide01 .bx-wrapper img {
    display: inline-block;
    max-width: none;
    max-height: 466px;
    width: auto;
    height: auto;
}

@media screen and (max-width: 767px) {
    .brandQaStorySlide01 .bx-wrapper img {
        max-width: inherit;
        max-height: inherit;
    }
}

.brandQaStorySlide01 .caption,
.brandQaStorySlide01 .pager {
    margin-top: 15px;
    float: left;
    font-size: 12px;
    line-height: 1;
}

.brandQaStorySlide01 .pager {
    float: right;
    font-size: 14px;
}

.brandQaStorySlide01 .bx-wrapper .bx-caption,
.brandQaStorySlide01 .bx-wrapper .bx-pager {
    display: none;
}

.brandQaStorySlide02 {
    position: relative;
    padding: 30px 40px;
}

.brandQaStorySlide02 .bx-wrapper img {
    width: 100%;
}

.brandQaStorySlide02 .bx-wrapper .bx-viewport {
    background: none;
}

.brandQaStorySlide02 .bx-wrapper .bx-viewport ul li {
    max-height: 120px;
    overflow: hidden;
}

.brandQaStorySlide02 .bx-wrapper .bx-viewport a {
    display: block;
    position: relative;
    background-color: #f4f4f4;
    text-align: center;
}

.brandQaStorySlide02 .bx-wrapper .bx-viewport a img {
    display: inline-block;
    max-width: none;
    width: auto;
    height: auto;
    max-height: 120px;
}

.brandQaStorySlide02 .bx-wrapper .bx-viewport a span {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    box-sizing: border-box;
    border: 4px solid #00703C;
}

.brandQaStorySlide02 .bx-wrapper .bx-viewport a:hover span,
.brandQaStorySlide02 .bx-wrapper .bx-viewport a.current span {
    display: block;
}

@media screen and (min-width: 768px) and (max-width: 1150px) {
    .brandQaStorySlide02 .bx-wrapper .bx-viewport a:hover span {
        display: none;
    }
}

.brandQaStorySlide02 .prevBtn,
.brandQaStorySlide02 .nextBtn {
    background: url(/mecsumai/img/common/btn_prev01.png) no-repeat scroll left center #00703C;
    display: block;
    height: 31px;
    left: 17px;
    margin-top: -15px;
    position: absolute;
    top: 50%;
    width: 49px;
    z-index: 50;
}

.brandQaStorySlide02 .nextBtn {
    background: url(/mecsumai/img/common/btn_next01.png) no-repeat scroll right center #00703C;
    left: auto;
    right: 17px;
}

.brandQaStoryInner01 .box02 {
    padding: 28px 24px;
    margin-bottom: 56px;
}

.brandQaStoryInner01 .box02 .h3_basic01 {
    margin-bottom: 18px;
}

.brandQaStoryInner01 .profile01 {
    padding: 32px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.brandQaStoryInner01 .profile01 ul li {
    overflow: hidden;
}

.brandQaStoryInner01 .profile01 .thumb {
    float: left;
    width: 112px;
    margin-right: 23px;
}

.brandQaStoryInner01 .profile01 .thumb img {
    width: 112px;
}

.brandQaStoryInner01 .profile01 .detail {
    overflow: hidden;
    font-size: 12px;
}

.brandQaStoryInner01 .profile01 .detail .name {
    font-size: 14px;
    font-weight: bold;
}

.brandQaStoryList01 {
    margin-top: -32px;
    overflow: hidden;
}

.brandQaStoryList01 li {
    float: left;
    width: 50%;
    margin-top: 32px;
}

.brandQaStoryList01 li a {
    display: block;
    overflow: hidden;
}

.brandQaStoryList01 li img {
    float: left;
    width: 152px;
    margin-right: 15px;
}

.brandQaStoryList01 li span {
    display: block;
    overflow: hidden;
    padding-right: 30px;
    font-weight: bold;
    line-height: 1.4;
}

.brandQaStoryList01 li .detail {
    overflow: hidden;
    padding-right: 15px;
}

@media screen and (min-width: 768px) and (max-width: 1150px) {
    .brandQaStorySection01 {
        padding: 0 16px 0;
    }
    .section02.brandQaStorySection01 {
        padding: 0 16px 55px;
    }
    .brandQaStorySection01.lead {
        padding: 0 16px 20px;
    }
    .brandQaStoryImg01 {
        padding: 0;
    }
    .brandQaStoryInner01,
    .brandQaStoryInner01.pd {
        padding: 0 0 60px;
    }
    .brandQaStoryInner01 .txtImage01 .imageR.flR {
        float: right;
    }
}

@media screen and (max-width: 767px) {
    .brandQaStoryImg01 {
        padding: 0;
    }
    .brandQaStoryImg01.wMax-onlySP {
        text-align: left;
    }
    .brandQaStoryImg01.wMax-onlySP img,
    .brandQaStoryImg01.wMax-onlySP img.wMax {
        width: 100%;
    }
    .brandQaStorySection01 {
        padding: 0 12px 0;
    }
    .section02.brandQaStorySection01 {
        padding: 0 12px 30px;
    }
    .brandQaStorySection01.lead {
        padding: 0 12px 20px;
    }
    .brandQaStoryInner01,
    .brandQaStoryInner01.pd {
        padding: 0 0 40px;
    }
    .brandQaStoryInner01 .h2_basic01 {
        margin: 27px 0 10px;
        font-size: 21px;
        line-height: 1.4;
    }
    .brandQaStoryInner01 .headTag01 {
        margin-bottom: 15px;
    }
    .brandQaStoryInner01 .headTag01 .tag,
    .brandQaStoryInner01 .headTag01 .date {
        font-size: 10px;
    }
    .brandQaStoryInner01 .headTag01 .date {}
    .brandQaStoryInner01 .box01 {
        margin: 15px 0 0 0;
        padding: 20px 12px;
    }
    .brandQaStoryInner01 .txtImage01 {}
    .brandQaStoryInner01 .txtImage01 .imageL,
    .brandQaStoryInner01 .txtImage01 .imageR {
        display: block;
        width: auto;
        padding-right: 0;
        margin-bottom: 15px;
    }
    .brandQaStoryInner01 .txtImage01 .imageR.flR {
        float: none;
    }
    .brandQaStoryInner01 .txtImage01 .imageL img,
    .brandQaStoryInner01 .txtImage01 .imageR img {
        width: 100%;
    }
    .brandQaStoryInner01 .txtImage01 .imageR {
        padding-left: 0;
        margin-top: 0;
        margin-bottom: 15px;
    }
    .brandQaStoryInner01 .txtImage01 .text {
        display: block;
    }
    .brandQaStorySlide01 {
        position: relative;
        width: auto;
        margin: 0 auto 28px;
        padding: 12px 12px 40px;
    }
    .brandQaStorySlide01 .prevBtn,
    .brandQaStorySlide01 .nextBtn {
        display: block;
        width: 64px;
        height: 24px;
        position: absolute;
        top: auto;
        left: 12px;
        bottom: 12px;
        background: url(/mecsumai/img/common/btn_prev01_sp.png) #00703C 11px center no-repeat;
        background-size: 7px 11px;
    }
    .brandQaStorySlide01 .nextBtn {
        left: auto;
        right: 12px;
        background: url(/mecsumai/img/common/btn_next01_sp.png) #00703C 44px center no-repeat;
        background-size: 7px 11px;
    }
    .brandQaStorySlide01 .caption,
    .brandQaStorySlide01 .pager {
        margin-top: 5px;
        float: none;
        font-size: 10px;
        line-height: 1;
    }
    .brandQaStorySlide01 .pager {
        float: none;
        margin-bottom: 3px;
        font-size: 12px;
        text-align: right;
    }
    .brandQaStorySlide02 {
        display: none;
    }
    .brandQaStoryInner01 .box02 {
        padding: 20px 12px;
        margin-bottom: 28px;
    }
    .brandQaStoryInner01 .box02 .h3_basic01 {
        margin-bottom: 10px;
    }
    .brandQaStoryInner01 .profile01 {
        padding: 16px 0;
        margin-bottom: 28px;
    }
    .brandQaStoryInner01 .profile01 ul li {
        overflow: hidden;
    }
    .brandQaStoryInner01 .profile01 .thumb {
        margin-right: 7px;
        width: auto;
    }
    .brandQaStoryInner01 .profile01 .thumb img {
        max-width: 66px;
        width: auto;
        height: auto;
    }
    .brandQaStoryInner01 .profile01 .detail {
        font-size: 10px;
    }
    .brandQaStoryInner01 .profile01 .detail .name {
        font-size: 12px;
    }
    .brandQaStoryList01 {
        margin-top: 0;
    }
    .brandQaStoryList01 li {
        float: none;
        width: auto;
        margin-top: 16px;
    }
    .brandQaStoryList01 li .image img {
        margin-right: 7px;
        width: 76px;
    }
    .brandQaStoryList01 li span {
        padding-right: 0;
    }
    .brandQaStoryList01 li .detail {
        overflow: hidden;
        padding-right: 0;
    }
}


/* /members/mypage/
---------------------------------------------------------- */

.membersMypageH1 {
    margin-bottom: 55px;
}

.membersMypageBox01 {
    padding: 20px;
    background-color: #fff;
}

.membersMypageBox01 em {
    display: block;
    margin-bottom: 10px;
    color: #999;
}

.membersMypageBox01 em span {
    padding-left: 5px;
    font-weight: bold;
    color: #00703C;
}

.membersMypageBox01 .listScroll01 {
    position: relative;
    height: 150px;
    padding-right: 40px;
    overflow: hidden;
}

.membersMypageBox01 .listScroll01 ul li {
    margin-bottom: 6px;
}

.membersMypageBox01 .listScroll01 ul li.last {
    margin-bottom: 0;
}

.membersMypageBox02 {
    padding: 10px 20px;
}

.membersMypageBox02 ul li {
    display: inline-block;
    margin-right: 30px;
    line-height: 1;
}

.membersMypageBlog01 {
    overflow: hidden;
    margin: 0 0 0 -17px;
}

.membersMypageBlog01 li {
    float: left;
    width: 33.33%;
    padding-left: 17px;
    box-sizing: border-box;
}

.membersMypageBlog01 li .blog {
    display: block;
    padding: 35px 20px 29px;
    border: 2px solid #ddd;
    background-color: #fff;
    text-align: center;
}

.membersMypageBlog01 li .blog em {
    display: block;
    padding-top: 65px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
}

.membersMypageBlog01 li .blog .icon01 {
    background: url(/mecsumai/img/members/mypage/ico_mypage01.gif) top center no-repeat;
}

.membersMypageBlog01 li .blog .icon02 {
    background: url(/mecsumai/img/members/mypage/ico_mypage02.gif) top center no-repeat;
}

.membersMypageBlog01 li .blog .icon03 {
    background: url(/mecsumai/img/members/mypage/ico_mypage03.gif) top center no-repeat;
}

.membersMypageBlog01 li .blog .btn_basic04 {
    width: auto;
    height: 28px;
    margin: 20px 15px 0;
    line-height: 1.9;
    font-weight: bold;
}

.membersMypageBlog01 li .blog:hover {
    border: 2px solid #00703C;
    text-decoration: none;
}

.membersMypageBlog01 li .blog:hover p {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.membersMypageBlog02 {
    margin: 24px 0 0 -17px;
    overflow: hidden;
}

.membersMypageBlog02 li {
    float: left;
    width: 33.33%;
    padding-left: 17px;
    box-sizing: border-box;
}

.membersMypageBlog02 li a {
    display: block;
    border: 2px solid #ddd;
    background-color: #fff;
}

.membersMypageBlog02 li a:hover {
    border: 2px solid #00703C;
    text-decoration: none;
}

.membersMypageBlog02 li a:hover span {
    color: #00703C;
}

.membersMypageBlog02 li a em {
    display: table-cell;
    height: 60px;
    padding: 0 20px 0 60px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    vertical-align: middle;
    line-height: 1.4;
}

.membersMypageBlog02 li a .icon01 {
    background: url(/mecsumai/img/members/mypage/ico_mypage04.gif) 20px center no-repeat;
}

.membersMypageBlog02 li a .icon02 {
    background: url(/mecsumai/img/members/mypage/ico_mypage05.gif) 20px center no-repeat;
}

.membersMypageBlog02 li a .icon03 {
    background: url(/mecsumai/img/members/mypage/ico_mypage06.gif) 20px center no-repeat;
}

.membersMypageBlog02 li a span {
    display: block;
    padding: 20px;
    border-top: 1px solid #ddd;
    font-size: 13px;
    color: #666;
}

.membersMypageNote01 {
    margin: 0 0 5px;
    color: #999;
}

.membersMypageList01 {}

.ul_article03 .image a:hover img,
.membersMypageList01 a:hover img {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.membersMypageList01 li.textbox {
    padding-left: 0;
    border-left: 16px solid #fff;
    background-color: #f4f4f4;
    box-sizing: border-box;
    vertical-align: middle;
}

.membersMypageList01 li.textbox div {
    padding: 16px 16px 10px 16px;
}

.membersMypageList01 li.textbox div em {
    display: block;
    font-size: 18px;
    margin-bottom: 8px;
    font-family: "Ryumin Regular KL", "Meiryo", "メイリオ";
}

@media screen and (max-width: 767px) {
    .membersMypageH1 {
        margin-bottom: 16px;
    }
    .membersMypageBox01 {
        padding: 12px;
    }
    .membersMypageBox01 .listScroll01 {
        padding-right: 0;
    }
    .membersMypageBox01 ul li {
        margin-bottom: 10px;
    }
    .membersMypageBox02 {
        padding: 10px 20px;
        margin-top: 25px;
    }
    .membersMypageBox02 ul li {
        display: inline-block;
        margin-right: 30px;
        line-height: 1;
    }
    .membersMypageBlog01 {
        margin-left: 0;
    }
    .membersMypageBlog01 li {
        float: none;
        width: auto;
        margin-bottom: 4px;
        padding-left: 0;
    }
    .membersMypageBlog01 li.last {
        margin-bottom: 0;
    }
    .membersMypageBlog01 li .blog {
        padding: 10px;
        border: 2px solid #ddd;
        text-align: left;
        overflow: hidden;
    }
    .membersMypageBlog01 li .blog em {
        float: left;
        padding: 10px 0 10px 41px;
        font-size: 14px;
        line-height: 1.5;
    }
    .membersMypageBlog01 li .blog .icon01 {
        background: url(/mecsumai/img/members/mypage/ico_mypage01_sp.gif) 7px center no-repeat;
        background-size: 21px 21px;
    }
    .membersMypageBlog01 li .blog .icon02 {
        background: url(/mecsumai/img/members/mypage/ico_mypage02_sp.gif) 7px center no-repeat;
        background-size: 21px 23px;
    }
    .membersMypageBlog01 li .blog .icon03 {
        background: url(/mecsumai/img/members/mypage/ico_mypage03_sp.gif) 0 center no-repeat;
        background-size: 34px 22px;
    }
    .membersMypageBlog01 li .blog .btn_basic04 {
        float: right;
        width: 70px;
        height: 44px;
        margin: 0;
        line-height: 3.5;
    }
    .membersMypageBlog02 {
        box-sizing: border-box;
        margin: 4px 0 0 -4px;
    }
    .membersMypageBlog02 li {
        float: left;
        width: 33.33%;
        padding-left: 4px;
    }
    .membersMypageBlog02 li a {
        display: block;
        height: 79px;
        padding: 25px 15px 0;
        border: 2px solid #ddd;
        text-align: center;
    }
    .membersMypageBlog02 li a em {
        display: block;
        height: auto;
        padding: 25px 0 0 0;
        font-size: 12px;
        line-height: 1.4;
    }
    .membersMypageBlog02 li a .icon01 {
        background: url(/mecsumai/img/members/mypage/ico_mypage04_sp.gif) top center no-repeat;
        background-size: 16px 15px;
    }
    .membersMypageBlog02 li a .icon02 {
        background: url(/mecsumai/img/members/mypage/ico_mypage05_sp.gif) top center no-repeat;
        background-size: 17px 15px;
    }
    .membersMypageBlog02 li a .icon03 {
        background: url(/mecsumai/img/members/mypage/ico_mypage06_sp.gif) top center no-repeat;
        background-size: 16px 17px;
    }
    .membersMypageBlog02 li a span {
        display: none;
    }
    .membersMypageList01 {}
    .membersMypageList01 li.textbox {
        padding: 20px 16px;
        border-left: 0 none;
    }
    .membersMypageList01 li.textbox div {
        padding: 0;
    }
    .membersMypageList01 li.textbox div em {
        font-size: 14px;
        margin-bottom: 8px;
    }
    .membersMypageList01 li.textbox div a {
        margin-top: 5px;
    }
}

#membersLead {
    padding: 0 0 40px;
    border-bottom: 1px solid #ddd;
}

.memberText01 {
    overflow: hidden;
    box-sizing: border-box;
    padding: 68px 0 0 465px;
    width: 968px;
    height: 292px;
    background: url("/mecsumai/img/members/privilege/bg_member01.jpg") no-repeat left top;
}

.memberText01 .textL {
    width: 476px;
}

.memberText01 .imageR {
    display: none;
}

.memberText01 ul {
    margin-top: 20px;
    overflow: hidden;
}

.memberText01 ul li {
    float: left;
    margin-left: 10px;
    width: 173px;
}

.memberText01 ul li:first-child {
    margin-left: 0;
}

.memberText01 ul li a {
    width: inherit;
}

@media screen and (min-width: 768px) and (max-width: 1240px) {
    #membersLead {
        margin: 0 12px;
    }
    .memberText01 {
        padding: 5% 1% 5% 50%;
        width: auto;
        height: auto;
        -webkit-background-size: cover;
        background-size: cover;
    }
    .memberText01 .textL {
        width: auto;
    }
}

@media screen and (max-width: 767px) {
    #membersLead {
        border-bottom: none;
        padding: 0 12px;
    }
    .memberText01 {
        padding: 0;
        width: auto;
        height: auto;
        background: none;
    }
    .memberText01 .textL {
        width: auto;
    }
    .memberText01 .imageR {
        display: block;
        float: none;
        margin-top: 20px;
    }
    .memberText01 ul {
        margin-top: 30px;
        padding: 12px;
        background: #f6f5ed;
    }
    .memberText01 ul li {
        box-sizing: border-box;
        margin-left: 0;
        padding-left: 8px;
        width: 50%;
    }
    .memberText01 ul li:first-child {
        padding-left: 0;
    }
    .memberText01 ul li a {
        width: 100%;
        height: 40px;
        line-height: 3.3;
    }
}


/* /sumai/
---------------------------------------------------------- */

.howtoLinksBox01 {
    float: left;
    width: 475px;
    margin: 12px 0 0 0;
}

.howtoLinksBox01 a {
    letter-spacing: -0.1em;
}

.howtoSection04 .ul_basic02 li {
    width: 173px
}

@media screen and (max-width: 767px) {
    .linksBox01 {
        float: none;
        width: auto;
    }
    .howtoSection04 .ul_article03 li .image {
        display: none;
    }
    .howtoLinksBox01 {
        float: none;
        width: auto;
    }
    .howtoArticle .ftBox {
        min-height: 60px;
    }
    .howtoSection04 .ul_basic02 {
        margin-left: -8px;
        text-align: center;
    }
    .howtoSection04 .ul_basic02 li {
        display: inline-block;
        box-sizing: border-box;
        margin-left: 0;
        padding-left: 8px;
        width: 49%;
    }
    .howtoSection04 .ul_basic02 li a {
        padding: 0;
        margin-top: 10px;
    }
}


/* /fukuoka/
---------------------------------------------------------- */

.fukuokalNavi01 {
    padding-bottom: 55px;
}

.fukuokaGallery01 {
    overflow: scroll;
    padding: 30px 25px;
    border: 1px solid #ddd;
}

.fukuokaGallery01 .h3_basic01 {
    margin-bottom: 25px;
}

.fukuokaGallery01 .left {
    float: left;
    width: 60%;
    padding-right: 37px;
    box-sizing: border-box;
}

.fukuokaGallery01 .left em {
    display: block;
    font-family: "Ryumin Regular KL", "Meiryo", "メイリオ";
    font-size: 16px;
    margin-bottom: 5px;
}

.fukuokaGallery01 .left ul {
    margin: 20px 0 0 -16px;
}

.fukuokaGallery01 .left ul li {
    display: table-cell;
    padding-left: 16px;
}

.fukuokaGallery01 .left ul li img {
    width: 100%;
}

.fukuokaGallery01 .right {
    float: left;
    width: 40%;
}

.fukuokaGallery01 .right img {
    width: 100%;
}

.fukuokaGallery01 .right .btn_pdf01 {
    float: right;
    margin: 4px 0 5px;
}

.fukuokaBtn01 {
    width: 336px;
    height: 59px;
    margin: 24px auto 0;
    padding-top: 4px;
    font-size: 16px;
    line-height: 1.5;
}

.fukuokaMapTab01 ul {
    overflow: hidden;
    margin-bottom: 15px;
    background: url(/mecsumai/img/fukuoka/bg_maptab01.gif) left bottom repeat-x;
}

.fukuokaMapTab01 ul li {
    float: left;
    margin-left: 16px;
    background-color: #fff;
}

.fukuokaMapTab01 ul li a {
    display: block;
    width: 165px;
    padding: 10px 0;
    text-align: center;
    line-height: 1;
    border: 1px solid #ddd;
}

.fukuokaMapTab01 ul li.current a {
    border-bottom: 1px solid #fff;
    font-weight: bold;
    color: #00703c;
}

.fukuokaMapTab01 ul li.current a:hover {
    text-decoration: none;
    color: #00703c;
}

.fukuokaMapTab01 .content {}

.fukuokaMapTab01 .content .map {
    width: 100%;
    height: 408px;
}

.fukuokaMapTab01 .map .markerInfo {
    padding: 5px 0;
    width: 240px;
    font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
    font-size: 14px;
}

.fukuokaMapTab01 .map .markerInfo em {
    display: block;
    font-weight: bold;
}

.fukuokaMapTab01 .map .markerInfo a {
    margin-top: 10px;
    font-size: 12px;
}

@media screen and (max-width: 767px) {
    .fukuokalNavi01 {
        padding-bottom: 10px;
    }
    .fukuokaGallery01 {
        padding: 12px;
    }
    .fukuokaGallery01 .h3_basic01 {
        margin-bottom: 15px;
    }
    .fukuokaGallery01 .left {
        float: none;
        width: auto;
        padding-right: 0;
    }
    .fukuokaGallery01 .left em {
        font-size: 14px;
        margin-bottom: 5px;
    }
    .fukuokaGallery01 .left ul {
        margin: 8px 0 0 -8px;
    }
    .fukuokaGallery01 .left ul li {
        display: table-cell;
        padding-left: 8px;
    }
    .fukuokaGallery01 .left ul li img {
        width: 100%;
        max-width: 100px;
    }
    .fukuokaGallery01 .right {
        float: none;
        width: auto;
        margin-top: 17px;
    }
    .fukuokaGallery01 .right img {
        width: 100%;
    }
    .fukuokaGallery01 .right .btn_pdf01 {
        float: right;
        margin: 9px 0 7px;
    }
    .fukuokaBtn01 {
        width: auto;
        height: auto;
        padding: 8px 10px;
        margin: 13px auto 0;
        font-size: 14px;
        line-height: 1.5;
        box-sizing: border-box;
    }
    .fukuokaMapTab01 ul {
        margin-bottom: 8px;
    }
    .fukuokaMapTab01 ul li {
        float: left;
        margin-left: 8px;
    }
    .fukuokaMapTab01 ul li a {
        display: block;
        width: auto;
        padding: 9px 12px;
    }
    .fukuokaMapTab01 .content {}
    .fukuokaMapTab01 .content .map {
        width: 100%;
        height: 255px;
    }
    .fukuokaMapTab01 .map .markerInfo {
        padding: 5px 0;
        width: 190px;
        font-size: 12px;
        line-height: 1.5;
        overflow: hidden;
    }
    .fukuokaMapTab01 .map .markerInfo em {
        font-weight: bold;
    }
    .fukuokaMapTab01 .map .markerInfo a {
        margin-top: 5px;
        font-size: 10px;
    }
    .fukuokaMapTab01 .map .gm-style-iw {}
    .fukuokaMapTab01 .map .gm-style-iw>div {
        overflow: visible !important;
    }
    .fukuokaMapTab01 .map .gm-style-iw>div>div {
        overflow: visible !important;
    }
}


/* /kansai/
---------------------------------------------------------- */

.kansaiNavi01 {
    padding-bottom: 55px;
}

.kansaiMap01 {}

.kansaiMap01 .map a {
    position: absolute;
}

.kansaiMap01 .map a.link01 {
    top: 55px;
    left: 289px;
}

.kansaiMap01 .map a.link02 {
    top: 99px;
    left: 86px;
}

.kansaiMap01 .map a.link03 {
    top: 208px;
    left: 188px;
}

.kansaiMap01 .map a.link04 {
    top: 30px;
    left: 400px;
}

.kansaiMap01 .map a.link05 {
    top: 261px;
    left: 350px;
}

.kansaiMap01 .map a.link06 {
    top: 340px;
    left: 185px;
}

.kansaiMap01 .feature .h3_basic01 {
    min-height: inherit;
    margin-bottom: 18px;
}

.kansaiBtn01 {
    width: 336px;
    height: 59px;
    margin: 24px auto 0;
    padding-top: 4px;
    font-size: 16px;
    line-height: 1.5;
}

@media screen and (min-width: 768px) and (max-width: 1240px) {
    .kansaiMap01 .ul_list04 li a {
        height: auto;
        min-height: 169px;
    }
}

@media screen and (max-width: 767px) {
    .kansaiNavi01 {
        padding-bottom: 10px;
    }
    .kansaiMap01 {}
    .kansaiMap01 .map a {}
    .kansaiMap01 .map a.link01 {
        top: 8%;
        left: 56%;
    }
    .kansaiMap01 .map a.link02 {
        top: 25%;
        left: 19.5%;
    }
    .kansaiMap01 .map a.link03 {
        top: 50%;
        left: 41.5%;
    }
    .kansaiMap01 .map a.link04 {
        top: 8%;
        left: 86%;
    }
    .kansaiMap01 .map a.link05 {
        top: 70%;
        left: 73%;
    }
    .kansaiMap01 .map a.link06 {
        top: 89%;
        left: 45%;
    }
    .kansaiBtn01 {
        width: auto;
        height: auto;
        padding: 8px 10px;
        margin: 13px auto 0;
        font-size: 14px;
    }
}


/* /brand/cm/
---------------------------------------------------------- */

.brandCmImg01 {
    width: 100%;
    margin-bottom: 30px;
}

.brandCmImg02 {
    margin-bottom: 15px;
    text-align: center;
    font-size: 14px;
    line-height: 1.5;
}

.brandCmImg02 img {
    width: 100%;
    /*margin-bottom: 15px;*/
}

.brandCmImg02 p.copyright {
    margin: 0 0 .5em;
    font-size: 10px;
    text-align: right;
}

.brandCmImg02 p.copyright+p {
    margin-top: 1em;
}

.brandCmVdo01 {
    padding: 33px;
    background: #f6f5ed;
    text-align: center;
}

.brandCmVdo01 iframe {
    width: 100%;
    max-width: 658px;
    height: 370px;
    border: 0 none;
}

.brandCmVdo02 {
    position: relative;
    width: 100%;
    height: 0;
    padding: 0 0 56.3%;
    margin-bottom: 45px;
}

.brandCmVdo02 iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0 none;
}

.brandCmVdo03 {
    padding: 33px 24px 0 33px;
    background: #f6f5ed;
    text-align: center;
    width: calc(50% - 45px);
}

.brandCmVdo03 iframe {
    width: 100%;
    max-width: 658px;
    height: 370px;
    border: 0 none;
}

.brandCmArticle01 {
    display: table;
    width: 100%;
    overflow: hidden;
}

.brandCmArticle01 .left {
    display: table-cell;
    padding-right: 33px;
    width: 636px;
    box-sizing: border-box;
    border-right: 1px solid #ddd;
    vertical-align: top;
}

.brandCmArticle01 .right {
    display: table-cell;
    padding: 0 32px 0 34px;
    font-size: 12px;
    line-height: 1.8;
    vertical-align: top;
}

.brandCmList01 {
    overflow: hidden;
    margin-left: -18px;
}

.brandCmList01 li {
    float: left;
    width: 33.33%;
    padding-left: 18px;
    box-sizing: border-box;
}

.brandCmList01 li img {
    width: 100%;
}

.brandCmList02 {
    margin-top: 10px;
    font-size: 12px;
}

@media screen and (max-width: 1150px) {
    .brandCmArticle01 .right {
        width: 33%;
    }
}

@media screen and (max-width: 767px) {
    .brandCmTxt01 {
        padding: 0 12px;
    }
    .brandCmImg01 {
        margin-bottom: 15px;
    }
    .brandCmImg02 {
        overflow: hidden;
        margin-bottom: 1em;
        font-size: 12px;
        line-height: 1.5;
        text-align: left;
    }
    .brandCmImg02 img {
        float: left;
        width: 116px;
        height: 90px;
        margin: 0 8px 0 0;
    }
    .brandCmImg02 p {
        display: table-cell;
        height: 90px;
        overflow: hidden;
        vertical-align: middle;
    }
    .brandCmImg02 p.copyright {
        display: block;
        clear: left;
        float: left;
        height: auto;
        overflow: visible;
    }
    .brandCmVdo01 {
        position: relative;
        width: 100%;
        height: 0;
        padding: 0 0 56.3%;
    }
    .brandCmVdo01 iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .brandCmVdo02 {
        padding: 0 0 56.3%;
        margin-bottom: 30px;
    }
    .brandCmVdo03 {
        position: relative;
        width: 100%;
        height: 0;
        padding: 0 0 56.3%;
    }
    .brandCmVdo03 iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .brandCmArticle01 {
        display: block;
    }
    .brandCmArticle01 .left {
        display: block;
        padding-right: 0;
        width: auto;
        box-sizing: border-box;
        border-right: none;
    }
    .brandCmArticle01 .right {
        display: block;
        width: auto;
        margin-top: 25px;
        padding: 11px 11px 15px;
        border: 1px solid #ddd;
        text-align: left;
        font-size: 10px;
    }
    .brandCmList01 {
        margin-left: -15px;
    }
    .brandCmList01 li {
        width: 50%;
        padding-left: 15px;
        margin-bottom: 12px;
    }
    .brandCmList02 {
        margin-top: 0;
        font-size: 10px;
    }
}


/* /members/privilege/
---------------------------------------------------------- */

.membersPrivilegeBoxWrap01 {
    padding: 0 0 25px 0 !important;
}

.membersPrivilegeBox01 {
    padding: 13px;
    margin-top: 55px;
    background: #f6f5ed;
    text-align: center;
}

.membersPrivilegeBox01 ul {
    margin-left: -8px;
}

.membersPrivilegeBox01 ul li {
    display: inline-block;
    margin-left: 8px;
}

.membersPrivilegeBox01 ul li a {
    width: 173px;
}

.membersPrivilegeBoxWrap02 {
    padding-top: 60px;
}

.membersPrivilegeBox02 {
    background: #f6f5ed;
    padding: 40px 0 35px;
}

.membersPrivilegeBox02 .inner {
    padding: 0 32px;
}

.membersPrivilegeBox02 ul {
    overflow: hidden;
    margin-top: 25px;
}

.membersPrivilegeBox02 ul li {
    float: left;
    position: relative;
    width: 33.33%;
    padding: 0 32px;
    border-right: 1px solid #ddd;
    box-sizing: border-box;
}

.membersPrivilegeBox02 ul li.last {
    border-right: none;
}

.membersPrivilegeBox02 ul li .head {
    margin-bottom: 10px;
    /* font-family: "Ryumin Regular KL", "Meiryo", "メイリオ"; */
    font-weight: bold;
    font-size: 16px;
    line-height: 1.5;
}

.membersPrivilegeBox02 ul li .image {
    margin-top: 15px;
}

.membersPrivilegeBox02 ul li .image img {
    width: 100%;
}

.membersPrivilegeBox03,
.membersPrivilegeBox04,
.membersPrivilegeBox05 {
    margin-top: 16px;
    padding: 35px 32px 32px;
    background: #f6f5ed;
    overflow: hidden;
}

.membersPrivilegeBox03 .text {
    margin-bottom: 15px;
}

.membersPrivilegeBox03 .mainImg {
    display: table-cell;
    width: 258px;
    padding-left: 4px;
}

.membersPrivilegeBox03 .mainImg img {
    width: 258px;
}

.membersPrivilegeBox03 .listBox {
    overflow: hidden;
    display: table-cell;
    width: 100%;
    padding-left: 29px;
    box-sizing: border-box;
    vertical-align: top;
}

.membersPrivilegeBox03 .listBox ul {
    overflow: hidden;
    margin: 15px 0 0 -25px;
}

.membersPrivilegeBox03 .listBox ul li {
    float: left;
    width: 50%;
    margin-bottom: 8px;
    padding-left: 25px;
    box-sizing: border-box;
}

.membersPrivilegeBox03 .listBox ul li .image {
    float: left;
    margin-right: 8px;
}

.membersPrivilegeBox03 .listBox .btn_basic01 {
    float: right;
    margin-top: 5px;
}

.membersPrivilegeBox04 {
    box-sizing: border-box;
}

.membersPrivilegeBox04 .left {
    display: table-cell;
    width: 100%;
    border-right: 1px solid #ddd;
    text-align: center;
    vertical-align: middle;
}

.membersPrivilegeBox04 .left .holder {
    font-size: 16px;
    color: #999;
}

.membersPrivilegeBox04 .left .image {
    width: 432px;
    margin: 0 auto;
}

.membersPrivilegeBox04 .left .image img {
    width: 100%;
}

.membersPrivilegeBox04 .right {
    display: table-cell;
    width: 258px;
    padding-left: 32px;
    text-align: center;
    vertical-align: top;
}

.membersPrivilegeBox04 .right p {
    line-height: 1.4;
}

.membersPrivilegeBox04 .right .image img {
    width: 237px;
}

.membersPrivilegeBox04 .right .image a {
    display: block;
    position: relative;
}

.membersPrivilegeBox04 .right .image a i {
    width: 22px;
    height: 22px;
    position: absolute;
    bottom: 4px;
    right: 4px;
    background: url(/mecsumai/img/brand/lifestyle/voice/0000/ico_zoom01.png) center center no-repeat;
    background-size: contain;
    text-indent: -9999px;
}

.membersPrivilegeBox04 .right .image a:hover i {
    opacity: 0.8;
}

.membersPrivilegeBox05 {
    position: relative;
}

.membersPrivilegeBox05 ul {
    overflow: hidden;
    margin: 5px 0 0 -65px;
}

.membersPrivilegeBox05 ul li {
    float: left;
    width: 33.33%;
    padding-left: 65px;
    box-sizing: border-box;
}

.membersPrivilegeBox05 ul li:nth-child(3n+1) {
    clear: left
}

.membersPrivilegeBox05 ul li img {
    width: 100%;
}

.membersPrivilegeBox02,
.membersPrivilegeBox03,
.membersPrivilegeBox04,
.membersPrivilegeBox05 {
    position: relative;
}

.ico_ribbon01:before,
.ico_ribbon02:before,
.ico_ribbon03:before,
.ico_ribbon04:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 100px;
    background-image: url(/mecsumai/img/common/ico_ribbon01.png);
    background-repeat: no-repeat;
}

.ico_ribbon01:before {
    background-position: 0 0;
}

.ico_ribbon02:before {
    background-position: 0 -100px;
}

.ico_ribbon03:before {
    background-position: 0 -200px;
}

.ico_ribbon04:before {
    background-position: 0 -300px;
}

.membersPrivilegeList01 {}

.membersPrivilegeList01 li {
    padding: 30px 32px;
    border-bottom: 1px solid #ddd;
}

.membersPrivilegeList01 li .head {
    margin-bottom: 10px;
    font-weight: bold;
    color: #a0813d;
    line-height: 1;
}

.membersPrivilegeList01 li .h3_basic01 {
    margin-bottom: 20px;
    line-height: 1.5;
    color: #00703c;
    letter-spacing: -0.07em;
}

.membersPrivilegeList01 li .image {
    float: left;
    margin-right: 24px;
}

.membersPrivilegeList01 li .image img {
    width: 368px;
}

.membersPrivilegeList01 li .btn_basic01 {
    margin-top: 7px;
}

.membersPrivilegeSection01 {}

.membersPrivilegeSection01 .h3_basic01 {
    margin-bottom: 15px;
}

.membersPrivilegeSection01 .btn_basic01 {
    margin-top: 10px;
}

@media screen and (max-width: 900px) and (min-width: 768px) {
    .membersPrivilegeBox04 {}
    .membersPrivilegeBox04 .left .image {
        width: 350px;
    }
}

@media screen and (max-width: 767px) {
    .membersPrivilegeBox01 {
        padding: 12px;
        margin-top: 25px;
    }
    .membersPrivilegeBox01 ul {
        margin-left: -8px;
        overflow: hidden;
    }
    .membersPrivilegeBox01 ul li {
        /*float: left;*/
        width: 50%;
        margin-left: 0;
        padding-left: 8px;
        box-sizing: border-box;
    }
    .membersPrivilegeBox01 ul li a {
        width: 100%;
        height: 40px;
        line-height: 3.3;
    }
    .ico_ribbon01:before,
    .ico_ribbon02:before,
    .ico_ribbon03:before,
    .ico_ribbon04:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 20px;
        background-image: none;
        background-color: #a0813d;
        font-size: 12px;
        line-height: 20px;
        color: #fff;
        text-align: center;
    }
    .ico_ribbon01:before {
        content: '特典1';
    }
    .ico_ribbon02:before {
        content: '特典2';
    }
    .ico_ribbon03:before {
        content: '特典3';
    }
    .ico_ribbon04:before {
        content: '特典4';
    }
    .membersPrivilegeList01 {}
    .membersPrivilegeList01 li {
        padding: 20px 0;
    }
    .membersPrivilegeList01 li .head {}
    .membersPrivilegeList01 li .h3_basic01 {
        margin-bottom: 14px;
    }
    .membersPrivilegeList01 li .ftBox {
        overflow: visible;
    }
    .membersPrivilegeList01 li .image {
        margin: 0 10px 10px 0;
    }
    .membersPrivilegeList01 li .image img {
        width: 148px;
    }
    .membersPrivilegeList01 li .btn_basic01 {
        margin-top: 7px;
    }
    .membersPrivilegeBoxWrap02 {
        padding-top: 30px;
    }
    .membersPrivilegeBox02 {
        padding: 35px 0 20px;
    }
    .membersPrivilegeBox02 .inner {
        padding: 0 12px;
    }
    .membersPrivilegeBox02 ul {
        overflow: hidden;
        margin-top: 10px;
        padding: 0 12px;
    }
    .membersPrivilegeBox02 ul li {
        float: none;
        width: auto;
        padding: 14px 0;
        border-top: 1px solid #ddd;
        border-right: 0 none;
    }
    .membersPrivilegeBox02 ul li.last {
        padding-bottom: 0;
    }
    .membersPrivilegeBox02 ul li .head {
        margin-bottom: 8px;
        font-size: 13px;
        line-height: 1.3;
    }
    .membersPrivilegeBox02 ul li .ftBox {
        display: table-cell;
        width: 100%;
        margin-top: 0;
        padding-right: 10px;
        box-sizing: border-box;
    }
    .membersPrivilegeBox02 ul li .image {
        display: table-cell;
        width: 129px;
        margin-top: 0;
    }
    .membersPrivilegeBox02 ul li .image img {
        width: 129px;
    }
    .membersPrivilegeBox03,
    .membersPrivilegeBox04,
    .membersPrivilegeBox05 {
        margin-top: 12px;
        padding: 35px 12px 20px;
    }
    .membersPrivilegeBox03 .text {
        display: table-cell;
        width: 100%;
        margin-bottom: 15px;
        overflow: hidden;
    }
    .membersPrivilegeBox03 .mainImg {
        display: table-cell;
        width: 129px;
        padding: 0 5px 0 15px;
    }
    .membersPrivilegeBox03 .mainImg img {
        width: 129px;
    }
    .membersPrivilegeBox03 .listBox {
        display: block;
        width: auto;
        margin-top: 20px;
        padding-left: 0;
    }
    .membersPrivilegeBox03 .listBox ul {
        overflow: hidden;
        margin: 10px 0 0 0;
    }
    .membersPrivilegeBox03 .listBox ul li {
        float: none;
        width: auto;
        margin-bottom: 5px;
        padding-left: 15px;
        position: relative;
    }
    .membersPrivilegeBox03 .listBox ul li:before {
        position: absolute;
        width: 4px;
        height: 4px;
        content: '';
        top: 9px;
        left: 0;
        background-color: #999;
    }
    .membersPrivilegeBox03 .listBox ul li.last {
        margin-bottom: 0;
    }
    .membersPrivilegeBox03 .listBox .btn_basic01 {}
    .membersPrivilegeBox03 .listBox ul li .image {
        display: none;
    }
    .membersPrivilegeBox04 {}
    .membersPrivilegeBox04 .left {
        display: block;
        width: auto;
        border-right: 0 none;
        border-bottom: 1px solid #ddd;
    }
    .membersPrivilegeBox04 .left .holder {
        display: block;
        padding: 20px 0 30px;
        font-size: 12px;
        color: #333;
    }
    .membersPrivilegeBox04 .left .image {
        width: auto;
        padding: 20px 0 30px;
    }
    .membersPrivilegeBox04 .left .image img {
        width: 100%;
    }
    .membersPrivilegeBox04 .right {
        display: table;
        width: 100%;
        padding-left: 0;
        margin-top: 16px;
        text-align: left;
    }
    .membersPrivilegeBox04 .right p {
        display: table-cell;
        width: 50%;
        line-height: 1.4;
        vertical-align: top;
    }
    .membersPrivilegeBox04 .right .image {
        display: table-cell;
        width: 50%;
        padding-left: 15px;
        text-align: center;
        vertical-align: top;
    }
    .membersPrivilegeBox04 .right .image img {
        width: 100%;
    }
    .membersPrivilegeBox05 {}
    .membersPrivilegeBox05 ul {
        margin: 13px 0 0 -15px;
    }
    .membersPrivilegeBox05 ul li {
        /* float: left; */
        width: 100%;
        margin: 15px 0 0 15px;
        padding: 15px 0 0 0;
        border-top: 1px solid #dddddd;
        overflow: hidden;
    }
    .membersPrivilegeBox05 ul li:nth-child(2n+1) {
        clear: left;
    }
    .membersPrivilegeBox05 ul li>p {
        float: left;
    }
    .membersPrivilegeBox05 ul li p:nth-child(2) {
        float: right;
        width: 51%;
    }
    .membersPrivilegeSection01 {}
    .membersPrivilegeSection01 .h3_basic01 {
        margin-bottom: 5px;
    }
}


/* /mecsumai/members/mypage/shiki/
---------------------------------------------------------- */

.mypageShikiText01 {
    color: #cc0000;
}

.mypageShikiBox01 {
    margin-bottom: 35px;
}

.mypageShikiBox01 ul li {
    margin-bottom: 8px;
}

.mypageShikiBox01 ul li .btn_basic01 {
    margin-top: 5px;
}

.mypageShikiBox01 ul li.last {
    margin-bottom: 0;
}

#goldenWeek {
    margin-top: 48px;
}

@media screen and (max-width: 767px) {
    .mypageShikiBox01 {
        margin-bottom: 20px;
    }
    .mypageShikiBox01 p.box_heading01_image {
        float: none;
        display: block;
        margin: 0 0 10px;
    }
    .mypageShikiBox01 p.box_heading01_image img {
        width: 100%;
    }
    #goldenWeek {
        margin-top: 0;
    }
}


/*	/brand/lifestyle/interview
------------------------------------------------------------*/

.brandLifestyleIntSection01 {
    padding: 0 32px 80px;
}

.brandLifestyleIntInner01 .h2_basic01 {
    margin: 56px 0 10px;
    line-height: 1.4;
}

.brandLifestyleIntInner01 .headTag01 {
    overflow: hidden;
    margin-bottom: 30px;
}

.brandLifestyleIntInner01 .headTag01 .tag {
    float: left;
    font-size: 12px;
}

.brandLifestyleIntInner01 .headTag01 .date {
    float: right;
    font-size: 12px;
}

.brandLifestyleIntInner01 .imgContainer {
    margin-left: -8px;
    margin-top: 15px;
    overflow: hidden;
}

.brandLifestyleIntInner01 p.imgContainer img {
    padding-left: 8px;
    float: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 50%;
}

.brandLifestyleIntInner01 ul.imgContainer {
    width: 100%;
    overflow: hidden;
}

.brandLifestyleIntInner01 ul.imgContainer li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    overflow: hidden;
    margin-bottom: 8px;
    padding-left: 8px;
    width: 33%;
    vertical-align: top;
}

.brandLifestyleIntInner01 ul.imgContainer.col2 li {
    width: 50%;
}

.brandLifestyleIntInner01 ul.imgContainer li.row2 {
    float: right;
}

.brandLifestyleIntInner01 ul.imgContainer li.row2 {
    padding-left: 0;
}

@media screen and (max-width: 767px) {
    .brandLifestyleIntInner01 p.imgContainer img,
    .brandLifestyleIntInner01 ul.imgContainer li,
    .brandLifestyleIntInner01 ul.imgContainer li.row2,
    .brandLifestyleIntInner01 ul.imgContainer.col2 li {
        float: none;
        margin-bottom: 40px;
        padding-left: 0;
        width: auto;
    }
    .brandLifestyleIntInner01 ul.imgContainer li.last {
        margin-bottom: 0;
    }
    .brandLifestyleIntInner01 p.imgContainer img {
        width: 100%;
    }
}

.brandLifestyleIntInner01 ul.imgContainer li img {
    width: 100%;
}

.brandLifestyleIntSection01 .box02 ul {}

.brandLifestyleIntInner01 .box02 {
    padding: 31px;
}

.brandLifestyleIntInner01 .txtTtl01 {
    font-weight: bold;
    margin-bottom: 20px;
}

.brandLifestyleIntSection01 .wMax {
    width: 100%;
}

.brandLifestyleIntSection01 .left {
    float: left;
}

.brandLifestyleIntSection01 .right {
    float: right;
}

.brandLifestyleIntSection01 .box02 {
    overflow: hidden;
}

.brandLifestyleIntSection01 .image {
    width: 238px;
}

.brandLifestyleIntSection01 .image a,
.brandLifestyleIntSection01 .lifestyleGal01 a {
    display: block;
    position: relative;
}

.brandLifestyleIntSection01 .image a i,
.brandLifestyleIntSection01 .lifestyleGal01 a i {
    width: 22px;
    height: 22px;
    position: absolute;
    bottom: 4px;
    right: 4px;
    background: url(/mecsumai/img/brand/lifestyle/voice/0000/ico_zoom01.png) center center no-repeat;
    background-size: contain;
    text-indent: -9999px;
}

.brandLifestyleIntSection01 .image a:hover i,
.brandLifestyleIntSection01 .lifestyleGal01 a:hover i {
    opacity: 0.8;
}

.brandLifestyleIntInner01 .txtImage01 .text {
    overflow: hidden;
    vertical-align: top;
    font-size: 16px;
    line-height: 1.9;
}

.brandLifestyleIntInner01 .txtImage01 .txtSum {
    margin-top: 8px;
}

.brandLifestyleIntInner01 .txtImage01 .imageL,
.brandLifestyleIntInner01 .txtImage01 .imageR {
    float: left;
    max-width: 50%;
    padding-right: 30px;
    vertical-align: top;
}

.brandLifestyleIntInner01 .txtImage01 .imageR {
    float: right;
    padding-left: 30px;
    padding-right: 0;
}

.brandLifestyleIntInner01 .txtImage01 .imageL img,
.brandLifestyleIntInner01 .txtImage01 .imageR img {
    width: 100%;
}

.brandLifestyleIntSection01 .question {
    color: #00703C;
    font-weight: bold;
    margin-bottom: 24px;
}

.brandLifestyleIntSection01 .question.q02 {
    margin-top: 44px
}

.brandLifestyleIntSection01 .answer {
    margin-bottom: 24px;
}

.brandLifestyleIntSection01 .answer span {
    color: #00703C;
    font-size: 16px;
}

.brandLifestyleIntInner01 .lifestyleGal01 {
    margin-left: -8px;
    overflow: hidden;
}

.brandLifestyleIntInner01 .lifestyleGal01 li {
    padding-left: 8px;
    margin-bottom: 8px;
    float: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 33.33%;
}

.brandLifestyleIntInner01 .lifestyleGal01 li.first,
.brandLifestyleIntInner01 .lifestyleGal01 li.first+li {
    width: 50%;
}

.brandLifestyleIntInner01 .lifestyleGal01 li.col3,
.brandLifestyleIntInner01 .lifestyleGal01 li.col3+li {
    width: 33%;
}

.brandLifestyleIntInner01 .lifestyleGal01 li img {
    width: 100%;
}

.brandLifestyleIntInner01 .lifestyleGal01 li span.txt {
    margin-top: 5px;
    display: block;
    font-size: 78%;
    line-height: 1.2;
}

@media screen and (max-width: 767px) {
    .brandLifestyleIntInner01 .lifestyleGal01 {
        margin-left: -10px;
    }
    .brandLifestyleIntInner01 .lifestyleGal01 li {
        padding-left: 8px;
        margin-bottom: 8px;
        float: left;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        width: 33.33%;
    }
    .brandLifestyleIntInner01 .lifestyleGal01 li.first,
    .brandLifestyleIntInner01 .lifestyleGal01 li.first+li {
        width: 50%;
    }
    .brandLifestyleIntInner01 .lifestyleGal01 li.col3,
    .brandLifestyleIntInner01 .lifestyleGal01 li.col3+li {
        width: 33%;
    }
}

@media screen and (max-width: 1240px) and (min-width: 768px) {
    /*	.brandLifestyleIntSection01 {
		 padding: 0 16px 60px;
	}*/
}

@media screen and (max-width: 1150px) and (min-width: 768px) {
    .brandLifestyleIntSection01 {
        /*padding: 0 16px 60px;*/
        padding: 0 0 60px;
    }
    .brandLifestyleIntImg01 {
        padding: 0;
    }
    .brandLifestyleIntInner01,
    .brandLifestyleIntInner01.pd {
        padding: 0;
    }
}

@media screen and (max-width: 767px) {
    .brandLifestyleIntSection01 {
        padding: 0 12px 40px;
    }
    .brandLifestyleIntInner01,
    .brandLifestyleIntInner01.pd {
        padding: 0;
    }
    .brandLifestyleIntInner01 .h2_basic01 {
        margin: 27px 0 10px;
        font-size: 21px;
        line-height: 1.4;
    }
    .brandLifestyleIntInner01 .headTag01 {
        margin-bottom: 15px;
    }
    .brandLifestyleIntInner01 .headTag01 .tag,
    .brandLifestyleIntInner01 .headTag01 .date {
        font-size: 10px;
    }
    .brandLifestyleIntInner01 .headTag01 .date {}
    .brandLifestyleIntSection01 .left {
        float: left;
        width: 67%;
    }
    .brandLifestyleIntSection01 .right {
        float: left;
        width: 33%;
        padding-left: 10px;
        box-sizing: border-box;
    }
    .brandLifestyleIntSection01 .image {
        width: 100%;
        height: auto;
        margin-top: 13px;
    }
    .brandLifestyleIntInner01 .box02 {
        margin: 15px 0 0 0;
        padding: 20px 12px;
    }
    .brandLifestyleIntSection01 .image a i,
    .brandLifestyleIntSection01 .lifestyleGal01 a i {
        width: 22px;
        height: 22px;
        position: absolute;
        bottom: 4px;
        right: 4px;
        background: url(/mecsumai/img/brand/lifestyle/voice/0000/ico_zoom01_sp.png) center center no-repeat;
        background-size: contain;
        text-indent: -9999px;
    }
    .brandLifestyleIntInner01 .txtImage01 {}
    .brandLifestyleIntInner01 .imgContainer {
        margin-left: 0;
    }
    .brandLifestyleIntInner01 .imgContainer img {
        padding-left: 0;
        margin-bottom: 40px;
        float: none;
        width: 100%;
    }
    .brandLifestyleIntInner01 .imgContainer img:last-child {
        margin-bottom: 0;
    }
    .brandLifestyleIntInner01 .txtImage01 .imageL,
    .brandLifestyleIntInner01 .txtImage01 .imageR {
        float: none;
        display: block;
        max-width: none;
        width: auto;
        padding-right: 0;
        margin-bottom: 15px;
    }
    .brandLifestyleIntInner01 .txtImage01 .imageL img,
    .brandLifestyleIntInner01 .txtImage01 .imageR img {
        width: 100%;
    }
    .brandLifestyleIntInner01 .txtImage01 .imageR {
        padding-left: 0;
        margin-top: 15px;
        margin-bottom: 0;
    }
    .brandLifestyleIntInner01 .txtImage01 .text {
        display: block;
    }
    .brandLifestyleIntSection01 .question {
        margin-bottom: 0;
    }
    .brandLifestyleIntSection01 .answer {
        margin-top: 9px;
        margin-bottom: 0;
    }
    .brandLifestyleIntSection01 .question.q02 {
        margin-top: 17px;
    }
    .brandLifestyleIntSection01 .answer span {
        font-size: 14px;
    }
}


/*	/user-support/sitemap/
------------------------------------------------------------*/

.supportSitemapHeader01 {
    margin-bottom: 20px;
}

.h2_basic03.supportSitemapHeader01 {
    margin-top: 27px;
    padding-top: 27px;
    border-top: 1px solid #dcdcdc
}

.supportSitemapList01 {
    margin-bottom: 60px;
    overflow: hidden;
}

.supportSitemapList01 li {
    float: left;
    width: 33.33%;
}

.supportSitemapList01 li.hasSub {
    float: none;
    width: auto;
}

.supportSitemapList01 li ul {
    overflow: hidden;
    margin: 10px 0;
    padding-left: 25px;
}

.supportSitemapList01 li ul li {
    float: left;
    width: 33.33%;
}

@media screen and (max-width: 767px) {
    .supportSitemapHeader01 {
        margin-bottom: 10px;
        border-top: none;
    }
    .supportSitemapList01 {
        margin-bottom: 0;
    }
    .supportSitemapList01 li {
        width: 100%;
        padding: 5px 0;
    }
    .supportSitemapList01 li ul {
        margin: 5px 0 10px;
        padding-left: 15px;
    }
    .supportSitemapList01 li ul li {
        width: 100%;
        margin: 0 0 5px 0;
    }
    .supportSitemapList01 li ul li.last {
        margin: 0;
    }
}


/*	/user-support/environment/
----------------------------------------------------------*/

.supportEnviHeader01 {
    margin-bottom: 20px;
}

.supportEnviTbl01 th {
    min-width: 160px;
}

@media screen and (max-width: 767px) {
    .supportEnviHeader01 {
        margin-bottom: 12px;
    }
}


/*	/members/mypage/conf/
---------------------------------------------------------*/

@media screen and (max-width: 767px) {
    .mypageConfText01 {
        margin-top: 15px;
    }
}


/*	/members/mypage/recommend/
---------------------------------------------------------*/

.recommendBox01 {
    padding: 15px 30px 20px;
    border: 1px solid #dcdcdc;
    background: #f6f5ed;
}

.recommendBox01 .info {
    padding-bottom: 30px;
    overflow: hidden;
}

.recommendBox01 .info .title {
    float: left;
    font-size: 18px;
}

.recommendBox01 .info .reomveLink {
    text-align: right;
}

.recommendBox01 .recommendListBlock {}

.recommendBox01 .recommendListBlock ul {
    overflow: hidden;
}

.recommendBox01 .recommendListBlock li {
    float: left;
    /* width:170px; */
    width: 19%;
    padding: 0 20px 0 20px;
    border-left: 1px solid #dcdcdc;
    box-sizing: border-box;
}

.recommendBox01 .recommendListBlock li.first {
    /* width:390px; */
    width: 43%;
    padding-left: 0;
    border-left: none;
}

.recommendBox01 .recommendListBlock li .title {
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 1;
}

.recommendBox01 .recommendListBlock li .desc {}

.recommendBox01 .link_type01 {
    display: inline-block;
    margin-top: 10px;
    color: #00703c;
}

@media screen and (max-width: 767px) {
    .recommendBox01 {
        padding: 12px 12px 20px;
    }
    .recommendBox01 .info {
        padding-bottom: 10px;
    }
    .recommendBox01 .info .title {
        margin: 0 5px 0 0;
        font-size: 14px;
        line-height: 25px;
    }
    .recommendBox01 .info .reomveLink {
        float: right;
    }
    .recommendBox01 .recommendListBlock li,
    .recommendBox01 .recommendListBlock li.first {
        float: none;
        display: table;
        width: 100%;
        padding: 4px 2px;
        border-left: none;
        border-bottom: 1px solid #dcdcdc;
        text-align: left;
    }
    .recommendBox01 .recommendListBlock li.first {
        border-top: 1px solid #dcdcdc;
    }
    .recommendBox01 .recommendListBlock li .title {
        display: table-cell;
        width: 25%;
        vertical-align: middle;
        font-size: 10px;
        font-weight: normal;
        color: #666;
        margin-bottom: 10px;
        line-height: 1;
    }
    .recommendBox01 .recommendListBlock li .desc {
        display: table-cell;
    }
}

.sectionSubtextArea {
    padding: 0 0 40px;
    text-align: center;
}

.ul_list04+.sectionSubtextArea {
    padding-top: 30px;
}

.sectionSubtextArea .btn_basic04 {
    margin: 15px auto 0;
}

.sectionSubtextArea .btn_basic04 a {
    color: #FFFFFF;
}

@media screen and (max-width: 767px) {
    .sectionSubtextArea {
        padding: 0 0 10px;
    }
    .sectionSubtextArea .btn_basic04 {
        margin-top: 10px;
    }
}


/*	/search/theme_list/lp.html
---------------------------------------------------------*/

.lp-section01 {
    padding-bottom: 100px;
}

.lp-section01 .lp-text01 {
    overflow: hidden;
    padding-bottom: 40px;
}

.lp-section01 .lp-text01 .imageR {
    float: right;
    padding-left: 30px;
}

.lp-section01 .lp-text01 .imageR img {
    width: 452px;
}

.lp-section01 .lp-text01 .h1_basic01 {
    line-height: 1.6;
    padding: 0;
    margin-bottom: 30px;
    overflow: hidden;
}

.lp-section01 .lp-text01 .text {
    overflow: hidden;
}

.lp-section01 .toolTip02 {
    width: 100%;
    padding: 10px 10px 9px 30px;
    box-sizing: border-box;
}

.lp-section01 .toolTip02 span {
    color: #cc0000;
    font-weight: bold;
}

.lp-section01 .ul_search02 {
    overflow: hidden;
    margin-left: -20px;
}

.lp-section01 .ul_search02 li {
    display: block;
    float: left;
    width: 50%;
    padding-left: 20px;
    margin-bottom: 20px;
    background: #fff;
    border-top: none;
    box-sizing: border-box;
}

.lp-section01 .ul_search02 li .inner {
    background: #f4f4f4;
    border-top: 2px solid #00703c;
    overflow: hidden;
}

.lp-section01 .ul_search02 li:hover .inner {
    background: #f6f5ed;
}

.lp-section01 .ul_search02 li .tick {
    display: block;
    width: 100%;
    height: 38px;
    border-right: none;
    border-bottom: 2px solid #fff;
    overflow: hidden;
}

.lp-section01 .ul_search02 li .tick span {
    margin: 9px 0 0 9px;
}

.lp-section01 .ul_search02 li .box {
    display: block;
}

.lp-section01 .ul_search02 .box .image {
    width: 147px;
    height: 147px;
    margin-right: 15px;
    padding-bottom: 100px;
}

.lp-section01 .ul_search02 .box .image img {
    width: 100%;
}

.lp-section01 .ul_search02 li .box .info,
.lp-section01 .ul_search02 li .box .highlight {
    padding-left: 0;
    margin-bottom: 5px;
    text-indent: inherit;
    font-size: 13px;
    line-height: 1.5;
}

.lp-section01 .ul_search02 .box .info .title,
.ul_search02 .box .info .subtitle {
    width: auto;
}

.lp-section01 .ul_search02 .tbl_detail {
    padding-left: 162px;
}

.lp-section01 .ul_search02 .tbl_detail table {
    width: 100%;
    border-top: 1px solid #ddd;
    font-size: 12px;
}

.lp-section01 .ul_search02 .tbl_detail table th,
.lp-section01 .ul_search02 .tbl_detail table td {
    border-bottom: 1px solid #ddd;
    padding: 2px 0;
}

.lp-section01 .ul_search02 .tbl_detail table th {
    min-width: 60px;
    color: #666;
}

.ul_search02 .box .boxbtn02 {
    overflow: hidden;
    position: absolute;
    top: 220px;
    left: 36;
}

.ul_search02 .box .boxbtn02 li {
    float: none;
    display: block;
    border: 0 none;
    padding-left: 0;
    margin-bottom: 8px;
    background: none;
}

.ul_search02 .box .boxbtn02 li .btn_basic04,
.ul_search02 .box .boxbtn02 li .btn_basic05 {
    width: 147px;
    height: 38px;
    font-size: 13px;
    line-height: 2.8;
}

.lp-button01 {
    padding-top: 15px;
    text-align: center;
}

.lp-button01 .btn_basic04 {
    width: 336px;
    height: 59px;
    margin: 10px auto;
    padding-top: 4px;
    font-size: 16px;
    line-height: 1.5;
    font-weight: bold;
}


/* TB additional breakpoint */

@media screen and (min-width: 768px) and (max-width: 900px) {
    .lp-section01 .ul_search02 {
        margin-left: 0;
    }
    .lp-section01 .ul_search02 li {
        display: block;
        float: none;
        width: auto;
        padding-left: 0;
        margin-bottom: 20px;
        box-sizing: border-box;
    }
    .lp-section01 .ul_search02 li .inner {
        background: #f4f4f4;
        border-top: 2px solid #00703c;
        overflow: hidden;
    }
    .lp-section01 .ul_search02 li:hover .inner {
        background: #f6f5ed;
    }
    .lp-section01 .ul_search02 li .tick {
        display: table-cell;
        width: 39px;
        height: 100%;
        border-right: 4px solid #fff;
        border-bottom: none;
    }
    .lp-section01 .ul_search02 li .tick span {
        margin: 14px 9px 0;
    }
    .lp-section01 .ul_search02 li .box {
        display: table-cell;
        width: 100%;
    }
    .lp-section01 .ul_search02 .box .info .title {
        margin-bottom: 12px;
    }
    .lp-section01 .ul_search02 li .box .highlight {
        margin-bottom: 12px;
        line-height: 1.8;
    }
    .lp-section01 .ul_search02 .tbl_detail {}
    .lp-section01 .ul_search02 .tbl_detail table th,
    .lp-section01 .ul_search02 .tbl_detail table td {
        padding: 5px 0 4px;
    }
    .lp-section01 .ul_search02 .tbl_detail table th {
        width: 60px;
        color: #666;
    }
    .ul_search02 .box .boxbtn02 {
        top: 181px;
        left: 36;
    }
}

@media screen and (max-width: 767px) {
    .lp-section01 .toolTip02 br {
        display: inlnie;
        line-height: 1.5;
    }
    .lp-section01 {
        padding-bottom: 50px;
    }
    .lp-section01 .lp-text01 {
        overflow: hidden;
        padding-bottom: 12px;
    }
    .lp-section01 .lp-text01 .imageR {
        float: right;
        width: 50%;
        padding-left: 30px;
        box-sizing: border-box;
    }
    .lp-section01 .lp-text01 .imageR img {
        width: 100%;
    }
    .lp-section01 .lp-text01 .h1_basic01 {
        float: left;
        width: 50%;
        margin-top: 0;
    }
    .lp-section01 .lp-text01 .text {
        clear: both;
        padding-top: 12px;
    }
    .lp-section01 .toolTip02 {
        line-height: 1;
    }
    .lp-section01 .ul_search02 {
        overflow: hidden;
        margin-left: 0;
    }
    .lp-section01 .ul_search02 li {
        float: none;
        width: 100%;
        padding-left: 0;
        margin-bottom: 10px;
    }
    .lp-section01 .ul_search02 li .tick {
        height: 28px;
    }
    .lp-section01 .ul_search02 li .tick span {
        margin: 4px 0 0 12px;
    }
    .lp-section01 .ul_search02 li .box {
        display: block;
        border-top: none;
    }
    .lp-section01 .ul_search02 .box .image {
        width: 92px;
        height: auto;
        margin-right: 10px;
        padding-bottom: 0;
    }
    .lp-section01 .ul_search02 li .box .info {
        padding-left: 0;
        text-indent: inherit;
        font-size: 11px;
    }
    .lp-section01 .ul_search02 .tbl_detail {
        clear: both;
        width: 100%;
        padding-left: 0;
    }
    .lp-section01 .ul_search02 .tbl_detail table {}
    .lp-section01 .ul_search02 .tbl_detail table th,
    .lp-section01 .ul_search02 .tbl_detail table td {
        padding: 2px 0;
        font-size: 12px;
    }
    .lp-section01 .ul_search02 .tbl_detail table th {
        min-width: 50px;
        font-size: 10px;
    }
    .ul_search02 .box .boxbtn02 {
        position: static;
        top: auto;
        left: auto;
        margin: 12px 0 0 -16px;
    }
    .ul_search02 .box .boxbtn02 li {
        float: left;
        display: block;
        width: 50%;
        padding-left: 16px;
        margin-bottom: 0;
        box-sizing: border-box;
    }
    .ul_search02 .box .boxbtn02 li .btn_basic04,
    .ul_search02 .box .boxbtn02 li .btn_basic05 {
        width: auto;
        height: 38px;
        font-size: 13px;
        line-height: 2.9;
    }
    .lp-button01 {
        padding-top: 15px;
        text-align: left;
    }
    .lp-button01 .btn_basic04 {
        width: auto;
        height: auto;
        margin: 10px auto;
        padding-top: 0;
        font-size: 14px;
        line-height: 1.6;
    }
}


/* SNSボタン
---------------------------------------------------------- */

#snsList {
    margin: -10px 0 30px;
}

@media screen and (max-width: 767px) {
    #snsList {
        margin-top: 0;
    }
}

#snsList ul {}

@media screen and (max-width: 767px) {
    #snsList ul {
        margin: 0 auto;
        display: table;
    }
}

#snsList ul li {
    float: left;
    margin-left: 4px;
}

@media screen and (max-width: 767px) {
    #snsList ul li {
        display: table-cell;
        margin: 0;
        padding: 0 2px;
        text-align: center;
    }
}

#snsList ul li:first-child {
    margin-left: 0;
}


/* LINE */

#snsList ul li.icoLine {
    display: none;
}

@media screen and (max-width: 767px) {
    #snsList ul li.icoLine {
        display: block;
    }
}

#snsList ul li a {
    display: block;
    height: 24px;
    background: no-repeat left top;
}

@media screen and (max-width: 767px) {
    #snsList ul li a {
        margin: 0 auto;
        height: 45px;
        -webkit-background-size: contain;
        background-size: contain;
    }
}


/* Facebook */

#snsList ul li.icoFacebook a {
    width: 80px;
    background-image: url("/mecsumai/img/common/ico_facebook_pc01.png");
}

@media screen and (max-width: 767px) {
    #snsList ul li.icoFacebook a {
        width: 70px;
        background-image: url("/mecsumai/img/common/ico_facebook_sp01.png");
    }
}


/* Twitter */

#snsList ul li.icoTwitter a {
    width: 80px;
    background-image: url("/mecsumai/img/common/ico_twitter_pc01.png");
}

@media screen and (max-width: 767px) {
    #snsList ul li.icoTwitter a {
        width: 70px;
        background-image: url("/mecsumai/img/common/ico_twitter_sp01.png");
    }
}


/* LINE */

#snsList ul li.icoLine a {}

@media screen and (max-width: 767px) {
    #snsList ul li.icoLine a {
        width: 70px;
        background-image: url("/mecsumai/img/common/ico_line_sp01.png");
    }
}


/* メール */

#snsList ul li.icoMail a {
    width: 86px;
    background-image: url("/mecsumai/img/common/ico_mail_pc01.png");
}

@media screen and (max-width: 767px) {
    #snsList ul li.icoMail a {
        width: 70px;
        background-image: url("/mecsumai/img/common/ico_mail_sp01.png");
    }
}

#snsList ul li a:hover {
    opacity: .7;
}

#snsList ul li a span {
    display: none;
}

/* START 2111_MJR-437 - Update style for 首都圏TOP */

.tokyo-map .map-title {
    font-size: 26px;
    font-weight: bold;
    color: #00703C;
}

.tokyo-map .brands-anchor {
    text-decoration: none;
}

.tokyo-map .brands-anchor .icon-arrow {
    margin-left: 3px;
}

.search-top .theme-list-area .list-area {
    max-height: none;
    margin-top: 47px;
}

.search-top .theme-list-area .list-area .theme-content-sub-main .theme-content-item {
    margin-bottom: 10px;
    border: 1px solid #DDDDDD;
    padding: 10px;
}

.search-top .theme-list-area .list-area .theme-content-item img {
    max-width: 100%;
	width: 100%;
}

.search-top .theme-list-area .list-area .theme-content-item .description .p-heading {
    color: #00703C;
    font-size: 14px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
}

.search-top .theme-list-area .list-area .theme-content-item .theme-content-item-info {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.search-top .theme-list-area .list-area .theme-content-item.theme-content-item-main .description {
    width: 100%;
}

.search-top .theme-list-area .list-area .line-throw {
    height: 1px;
    background-color: #DDDDDD;
    margin-top: 20px;
    margin-bottom: 30px;
}

.search-top .theme-list-area .list-area .theme-content-item .description h2 {
    color: #00703C;
    font-size: 14px;
    font-weight: bold;
}

.search-top .theme-list-area .list-area .theme-content-item .description p {
    color: #333;
}

.search-top .theme-list-area .list-area .theme-content-item a:hover {
    color: #00703C;
    text-decoration: none;
}

.search-top .theme-list-area .list-area .theme-content-item a:hover img {
    opacity: 0.6;
}

.search-top .theme-list-area .list-area .theme-content-item a:hover .description p {
    color: #00703C;
}

@media screen and (min-width: 768px) {
    .search-top .theme-list-area .theme-content-sub-main .theme-content-item a .theme-image {
        position: relative;
        width: 80px;
        height: 80px;
        overflow: hidden;
        margin-right: 10px;
    }

    .search-top .theme-list-area .theme-content-sub-main .theme-content-item a img {
        position: absolute;
        top: 50%;
        left: 50%;
        width: auto;
        height: 100%;
        transform: translate(-50%, -50%);
        /* START 2111_MJR-437 - feedback 2021/12/07 */
        object-fit: cover;
        /* END 2111_MJR-437 - feedback 2021/12/07 */
    }
    
    .search-top .theme-list-area .theme-content-sub-main .theme-content-item a .description {
        width: calc(100% - 95px);
        color: #666666;
        font-size: 12px;
        line-height: 20px;
    }
}
/*START: 2112_MJR-437 - Style new layout 首都圏TOP*/
@media screen and (min-width: 911px) {
    .search-top .theme-list-area .list-area .theme-content-item .description h2 {
        margin-bottom: 10px;
    }
    .search-top .theme-list-area .theme-content-sub-main .theme-content-item a .theme-image {
        width: 100px;
        height: 100px;
    }
    .search-top .theme-list-area .theme-content-sub-main .theme-content-item a .description {
        width: calc(100% - 115px);
    }
}
/*END: 2112_MJR-437 - Style new layout 首都圏TOP*/
#main.wrapper-search {
    overflow: inherit;
}

.wrapper-search #lNaviTab01 {
    overflow: hidden;
}

.wrapper-search .search-common-support {
    overflow: hidden;
}

.search-top .section-backgroud-grow header.header-button-link {
    position: relative;
}

.search-top .section-backgroud-grow header.header-button-link h2 {
    display: inline-block;
    color: #02763B;
    font-size: 26px;
    line-height: 30px;
    font-weight: bold;
    position: relative;

}

.search-top .section-backgroud-grow header.header-button-link a {
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
}

@media screen and (min-width: 768px) {
    .search-top .section-backgroud-grow .theme header h2 {
        font-size: 26px;
        line-height: 30px;
    }

    .search-top .section-backgroud-grow header.header-button-link {
        height: 52px;
        padding: 11px 0 0;
    }

    .search-top .section-backgroud-grow header.header-button-link a {
        width: 52px;
        margin: 0 0 0 6px;
        padding: 6px 12px 6px 0;
    }
}

@media screen and (max-width: 767px) {
    .search-top .section-backgroud-grow header.header-button-link {
        padding: 0 0 10px;
    }

    .search-top .section-backgroud-grow header.header-button-link h2 {
        font-size: 20px;
        line-height: 24px;
    }

    .search-top .section-backgroud-grow header.header-button-link a {
        margin: 0 0 0 10px;
    }

}

.search-top .section-backgroud-grow .wrapper-slider .theme {
    float: none;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .search-top .tokyo-map {
        height: 620px !important;
    }
    .tokyo-map .panel {
        height: 144px;
    }
    .tokyo-map .brands-anchor {
        float: left;
        width: 100%;
    }
    .tokyo-map .brands-anchor {
        display: block;
        position: relative;
        margin: 12px 2px 0;
        padding: 2px 0 0;
        text-align: center;
        color: #02763B;
        font-size: 13px;
        font-weight: bold;
        line-height: 28px;
        background-color: #FFFFFF;
    }

	.search-top .theme-list-area {
		float: right;
    	width: calc(100% - 630px);
	}
}

@media screen and (max-width: 768px) {
    .tokyo-map .brands-anchor {
        height: auto;
    }
	.search-top .theme-list-area .list-area .theme-content-item .theme-content-item-info {
		align-items: flex-start;
	}
}

@media screen and (min-width: 768px) and (max-width: 910px) {
    .search-top .tokyo-map {
        height: 550px !important;
    }

    .search-top .theme-list-area {
        width: calc(100% - 495px);
    }
}

.search-top .section-backgroud-grow {
    position: relative;
    clear: both;
    width: 100%;
}

.search-top .section-backgroud-grow::before {
    content: " ";
    display: block;
    position: absolute;
    width: calc(100vw + 50%);
    height: 100%;
    background: #f6f5ed;
    left: -50%;
    z-index: 0;
}

.search-top .section-backgroud-grow .house-recommend,
.search-top .section-backgroud-grow .section02,
.search-top .section-backgroud-grow .feature {
    position: relative;
    z-index: 1;
}

.search-top .section-backgroud-grow .title-content-grow {
    color: #333;
    font-size: 32px;
    line-height: 1.1;
    text-align: center;
    padding: 30px 0;
    position: relative;
    font-family: "Ryumin Regular KL", "Meiryo", "メイリオ";
}

.search-top .section-backgroud-grow .wrapper-slider {
    position: relative;
    z-index: 1;
}

.search-top .section-backgroud-grow .module-section.module-section-frame {
    border: none;
    background-color: #fff;
}

.search-top .section-backgroud-grow .section-list-login #slideProp .slider .imgBox {
    width: 168px;
}

.search-top .section-backgroud-grow .section-list-login #slideProp .slider .imgBox img {
    width: 168px;
    height: 168px;
}

@media screen and (min-width: 1151px) and (max-width: 1240px) {
    .search-top .section-backgroud-grow .section-list-login #slideProp .slider .imgBox {
        width: auto;
    }

    .search-top .section-backgroud-grow .section-list-login #slideProp .slider .imgBox img {
        width: 100%;
        height: auto;
    }
}

@media screen and (min-width: 840px) and (max-width: 920px) {
    .search-top .section-backgroud-grow .section-list-login #slideProp .slider .imgBox {
        width: 150px;
    }
    .search-top .section-backgroud-grow .section-list-login #slideProp .slider .imgBox img {
        width: 150px;
        height: 150px;
    }
}

@media screen and (min-width: 768px) and (max-width: 839px) {
    .search-top .section-backgroud-grow .section-list-login #slideProp .slider .imgBox {
        width: 125px;
    }
    .search-top .section-backgroud-grow .section-list-login #slideProp .slider .imgBox img {
        width: 125px;
        height: 125px;
    }
}

@media screen and (min-width: 768px) {
    .search-top .section-backgroud-grow .section-list-login #slideProp {
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 767px) {
    .search-top .section-backgroud-grow .section-list-login #slideProp .slider .imgBox {
        width: 100%;
    }
    .search-top .section-backgroud-grow .section-list-login #slideProp .slider .imgBox img {
        width: 100%;
        height: auto;
    }
}

@media screen and (min-width: 1024px) {
    .section-backgroud-grow .content-list .ul_list04>li>a {
        width: 208px;
    }
    .section-backgroud-grow .content-list .ul_list04>li .image {
        height: 208px;
    }
    .section-backgroud-grow .content-list .ul_list04>li>a {
        height: 344px;
    }
    .section-backgroud-grow .content-list .ul_list04 .popup ul.popup_button {
        width: 179px;
    }
}

@media screen and (max-width: 767px) {
    .section-backgroud-grow .content-list .module-section p {
        margin-bottom: 0;
    }
    .section-backgroud-grow .content-list .searchUl01 {
        padding: 0;
    }
}

.search-top .section-backgroud-grow .section02 {
    padding-bottom: 0;
}

.search-top .section-backgroud-grow .box-button {
    padding-bottom: 70px;
}

.module-section.module-section-forH3.search-module-custom {
    position: relative;
}

.module-section.module-section-forH3.search-module-custom>a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 5;
}

.module-section.module-section-forH3.search-module-custom>a:hover + .moduleImage_col2 img {
    opacity: 0.6;
}

.module-section.module-section-forH3.search-module-custom>a:hover + .moduleImage_col2 p.text-right a {
    color: #00703C;
    border: 1px solid #00703C;
    text-decoration: none;
}

.module-section.module-section-forH3.search-module-custom h3 {
    font-family: "Ryumin Regular KL", serif;
    font-weight: normal;
}

.search-module-custom .text-right {
    text-align: right;
}


@media screen and (min-width: 768px) {
	.search-top .wrapper-slider .module-section.module-section-frame {
		padding-bottom: 70px;
	}

	.search-top .wrapper-slider .theme .theme-list ul li a .image {
		float: none;
		width: 100%;
	}
	
	.search-top .wrapper-slider .theme .theme-list {
		max-height: none;
        padding-right: 0;
	}

	.search-top .wrapper-slider .theme .theme-list ul li a {
		max-height: none;
        background-color: transparent;
	}

	.search-top .wrapper-slider .theme .theme-list ul li a p {
		float: none;
		width: 100%;
	}

	.search-top .wrapper-slider .theme .theme-list ul li a .image {
		height: auto;
	}

	.search-top .wrapper-slider .theme .theme-list ul li a img {
		position: relative;
		top: auto;
		left: auto;
		transform: translate(0);
	}

	.search-top .wrapper-slider .theme-list .bx-wrapper ul li .image img {
		width: 100%;
	}

	.search-top .wrapper-slider .theme-list .prevBtn,
	.search-top .wrapper-slider .theme-list .nextBtn {
		display: block;
		width: 49px;
		height: 31px;
		position: absolute;
		top: 50%;
		left: 24px;
		z-index: 100;
		margin-top: -15px;
		background: url(/mecsumai/img/common/btn_prev01.png) #00703C left center no-repeat;
	}
	
	.search-top .wrapper-slider .theme-list .nextBtn {
		background: url(/mecsumai/img/common/btn_next01.png) #00703C right center no-repeat;
		left: auto;
		right: 24px;
	}
	
	.search-top .wrapper-slider .theme-list .bx-wrapper ul li .image {
		margin-bottom: 10px;
	}

	.search-top .wrapper-slider .theme-list .bx-wrapper ul li .image img {
		max-width: 100%;
	}
	
	.search-top .wrapper-slider .theme-list .bx-wrapper ul li p {
		color: #666666;
		font-size: 12px;
		line-height: 20px;
		margin-top: 0;
	}
	
	.search-top .wrapper-slider .theme-list .bx-wrapper ul li p.title {
		padding: 2px 0 6px;
		color: #333333;
		font-size: 14px;
		font-weight: bold;
	}
	
	.search-top .wrapper-slider .theme-list .bx-wrapper .slider li p.title .new {
		display: inline-block;
		margin: 0 0 0 7px;
		padding: 1px 5px 0;
		color: #FFFFFF;
		font-size: 11px;
		font-weight: bold;
		line-height: 18px;
		vertical-align: 1px;
		background-color: #DC2923;
	}
	
	.search-top .wrapper-slider .theme-list .bx-wrapper .slider li a:hover {
		text-decoration: none;
	}
	
	.search-top .wrapper-slider .theme-list .bx-wrapper .slider li a:hover p.title {
		text-decoration: underline;
		color: #00703C;
	}

	.search-top .wrapper-slider .bx-wrapper .bx-viewport .bx-wrapper .bx-controls.bx-has-pager {
		display: block;
	}

	.search-top .wrapper-slider .theme .theme-list {
		overflow: unset;
	}

	.search-top .wrapper-slider .bx-wrapper .bx-pager {
		bottom: -50px;
	}

	.search-top .wrapper-slider .theme-list .prevBtn,
	.search-top .wrapper-slider .theme-list .nextBtn {
		top: auto;
		bottom: -53px;
	}
}

@media screen and (max-width: 767px) {
	.tokyo-map .map-title {
		font-size: 20px;
		margin-top: 5px;
	}

	.search-top .theme-list-area .list-area {
		margin-top: 0;
		padding-bottom: 30px;
	}

	.search-top .theme-list-area .list-area .theme-content-item .description .p-heading {
		margin-top: 5px;
		margin-bottom: 5px;
	}

	.search-top .theme-list-area .list-area .line-throw {
		margin-top: 15px;
		margin-bottom: 20px;
	}

	.search-top .theme-list-area .list-area .theme-content-sub-main {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.search-top .theme-list-area .list-area .theme-content-sub-main .theme-content-item {
		width: calc(50% - 20px);
		margin-bottom: 0;
		padding: 5px;
	}

	.search-top .theme-list-area .list-area .theme-content-sub-main .theme-content-item .theme-content-item-info {
		display: block;
	}

	.search-top .theme-list-area .list-area .theme-content-sub-main .theme-content-item .theme-content-item-info .theme-image {
		width: 100%;
		margin-right: 0;
	}

	.search-top .theme-list-area .list-area .theme-content-sub-main .theme-content-item .theme-content-item-info .theme-image img {
		width: auto;
	}

	.search-top .theme-list-area .list-area .theme-content-sub-main .theme-content-item .description {
		width: 100%;
	}

	.search-top .theme-list-area .list-area .theme-content-sub-main .theme-content-item .description h2,
	.search-top .theme-list-area .list-area .theme-content-sub-main .theme-content-item .description p {
		padding: 5px 0;
	}

	.search-top .section-backgroud-grow .title-content-grow {
		padding: 20px 0;
        font-size: 21px;
	}

	.search-top .section-backgroud-grow .ul_basic01 li a span {
		display: block;
	}

	.module-section.module-section-forH3.search-module-custom .moduleImage_col2 {
		display: flex;
		flex-wrap: wrap;
		flex-flow: column-reverse;
	}

	.module-section.module-section-forH3.search-module-custom .moduleImage_col2 .moduleImage_column-textL {
		margin-top: 20px;
	}

	.module-section.module-section-forH3.search-module-custom .moduleImage_col2 .moduleImage_column-imageR {
		margin-top: 0;
	}

	.search-module-custom .text-right {
		text-align: left;
	}

	.search-top .wrapper-slider .bx-wrapper .bx-pager,
	.search-top .wrapper-slider .bx-wrapper .bx-controls-auto {
		bottom: -30px;
	}
    .search-top .section-backgroud-grow .section02 {
        padding-left: 0;
        padding-right: 0;
    }
}

/* END 2111_MJR-437 - Update style for 首都圏TOP */