@charset "UTF-8";

/*
 * cmn_layout.css
 *
 *  version --- 3.6
 *  updated --- 2018/03/02
 *
 *  2014-06-20 : myamamoto : version 3.6. Add  'メイリオ',Meiryo  to the default font-family.
 */


/* !HTML5 elements
---------------------------------------------------------- */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}


/* !Reseting
---------------------------------------------------------- */

html {
    overflow: hidden;
}

body {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 14px;
    /* 10px; */
    line-height: 1.8;
    color: #333;
    overflow: hidden;
    -webkit-text-size-adjust: none;
}

@media screen and (min-width: 768px) and (max-width: 1150px) {
    body {
        font-size: 14px;
        line-height: 1.8;
    }
}

@media screen and (max-width: 767px) {
    body {
        font-size: 12px;
        line-height: 1.5;
    }
}

body,
div,
pre,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
th,
td {
    margin: 0;
    padding: 0;
}

input,
textarea {
    margin: 0;
    font-size: 100%;
}

label {
    cursor: pointer;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 100%;
}

fieldset,
img {
    border: 0;
}

img {
    vertical-align: top;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
    font-style: normal;
    font-weight: normal;
}

ol,
ul {
    list-style: none;
}

caption,
th {
    text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}

q:after,
q:before {
    content: '';
}

a,
input {
    /* outline: none; */
}

abbr,
acronym {
    border: 0;
}

img {
    max-width: none\9 !important;
    /* IE8用 */
    width: auto%\9 !important;
    /* IE8用 */
}


/* !Reset Module
---------------------------------------------------------- */

.reset div,
.reset dl,
.reset dt,
.reset dd,
.reset ul,
.reset ol,
.reset li,
.reset h1,
.reset h2,
.reset h3,
.reset h4,
.reset h5,
.reset h6,
.reset pre,
.reset form,
.reset fieldset,
.reset p,
.reset blockquote,
.reset th,
.reset td {
    margin: 0;
    padding: 0;
}

.reset input,
.reset textarea {
    margin: 0;
    font-size: 100%;
}

.reset table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 100%;
}

.reset fieldset,
.reset img,
.reset abbr,
.reset acronym {
    border: 0;
}

.reset address,
.reset caption,
.reset cite,
.reset code,
.reset dfn,
.reset em,
.reset th,
.reset var {
    font-style: normal;
    font-weight: normal;
}

.reset ol,
.reset ul {
    list-style: none;
}

.reset caption,
.reset th {
    text-align: left;
}

.reset h1,
.reset h2,
.reset h3,
.reset h4,
.reset h5,
.reset h6 {
    font-size: 100%;
    font-weight: normal;
}

.reset a,
.reset input {
    /* outline: none; */
}

.reset q:after,
.reset q:before {
    content: '';
}


/* !Clearfix
---------------------------------------------------------- */

.clearfix,
#contents,
#footerIn,
.section {
    display: block;
    min-height: 1%;
}

.clearfix:after,
#contents:after,
#footerIn:after,
.section:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
}

* html .clearfix,
* html #contents,
* html #footerIn,
* html .section {
    height: 1%;
    /*\*/
    /*/
	height: auto;
	overflow: hidden;
	/**/
}


/* !Layout
---------------------------------------------------------- */

html {
    overflow-y: scroll;
}


html.enable-sp-menu {
    overflow: hidden;
}

@media print {
    html,
    html body {
        *zoom: 0.65;
    }
}


/* !wrapper
---------------------------------------------------------- */

#wrapper {
    margin: 0 auto 70px;
    text-align: left;
}


/* !header
---------------------------------------------------------- */


/* !header notice bar
---------------------------------------------------------- */

#headerNotice {
    background-color: #f4f4f4;
}

#noticeIn {
    width: 1200px;
    padding: 12px 20px;
    margin: 0 auto;
    background-color: #f4f4f4\9;
}

#noticeIn ul {
    overflow: hidden;
    margin: 0 0 -10px 0;
}

#noticeIn li {
    margin: 0 0 10px 0;
}

#noticeIn a {
    color: #cc0000;
}

@media screen and (max-width: 1023px) {
    #headerNotice {
        background: #fff;
    }
    #noticeIn {
        width: auto;
        padding: 7px 12px;
    }
    #noticeIn ul {
        margin: 0 0 -6px 0;
    }
    #noticeIn li {
        margin: 0 0 6px 0;
        font-size: 12px;
        line-height: 18px;
    }
    #headerIn {
        width: auto;
        text-align: left;
    }
}


/* !header utility bar
---------------------------------------------------------- */

#headerUtility {
    max-width: 1240px;
    height: 37px;
    margin: 0 auto;
}

#topLogo {
    float: left;
    width: 140px;
    height: 20px;
    margin: 6px 0 0 20px;
    background: url(/mecsumai/img/common/bg_header01.gif) 0 0 no-repeat;
    overflow: hidden;
    text-indent: -999px;
}

#headerLogin {
    float: right;
}

#headerLogin li {
    float: left;
}

#headerLogin li.first {
    border-right: 1px solid #fff;
}

#headerLogin li a {
    display: block;
    width: 190px;
    height: 36px;
    color: #fff;
    text-decoration: none;
    overflow: hidden;
    text-indent: -999px;
}

#headerLogin li.register {
    position: relative;
}

#headerLogin li.register a {
    color: #00703C;
    background: url(/mecsumai/img/common/bg_loginbtn01.png) #00703C center center no-repeat;
}

#headerLogin li.login a {
    color: #00703C;
    background: url(/mecsumai/img/common/bg_loginbtn02.png) #00703C center center no-repeat;
}

#headerLogin li.register a:hover,
#headerLogin li.login a:hover {
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
}

#headerLogout {
    float: right;
    padding: 6px 20px 0 0;
}

#headerLogout li {
    float: left;
    padding-left: 35px;
}

#headerLogout li.profile a {
    font-weight: bold;
    color: #00703C;
}

#headerLogout li.profile a span {
    display: inline-block;
    padding: 2px 4px;
    margin-left: 2px;
    line-height: 1;
    border-radius: 2px;
    background-color: #00703C;
    color: #fff;
}

#headerLanguage {
    overflow: hidden;
    float: right;
    margin-top: 10px;
    padding-right: 1em;
    min-height: 20px;
}

#headerLanguage.headerLanguageLogin {
    margin-right: -15px;
    border-right: 1px solid #ddd;
}

#headerLanguage li {
    float: left;
    margin-left: 1em;
    font-size: 11px;
}

#headerLanguage li.lang_en {}

#headerLanguage li.lang_zh-CN {}

#headerLanguage li.lang_zh-tw {}

#headerLanguage li a {
    color: #666;
}

.magazine01 {
    display: none;
    width: 182px;
    padding: 20px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 51px;
    left: -16px;
    z-index: 1001;
    background-color: #fff;
}

.magazine01:after {
    width: 11px;
    height: 5px;
    position: absolute;
    top: -5px;
    left: 50%;
    margin-left: -5px;
    background: url(/mecsumai/img/common/ico_arrow02.png) 0 0 no-repeat;
    content: ""
}

.magazine01 .magazineIn {
    overflow: hidden;
    text-align: center;
    line-height: 1.3;
}

.magazine01 .magazineIn .title {
    color: #006f37;
}

.magazine01 .magazineIn .cover {
    margin: 10px auto 0;
}

.magazine01 .magazineIn .cover img {
    width: 88px;
}

.magazine01 .magazineIn .detail {
    margin-top: 10px;
}

#headerUtility ul li.register a.button01 {
    display: block;
    width: auto;
    height: auto;
    padding: 3px 0;
    margin-top: 10px;
    background: url(/mecsumai/img/common/ico_arrow01.png) #006f37 154px center no-repeat;
    color: #fff;
    text-align: center;
    text-decoration: none;
    text-indent: inherit;
}


/*
@media screen and (min-width: 768px) and (max-width: 1150px) {
	#headerUtility {
		height: 30px;
	}
		#topLogo {
			margin: 8px 0 0 20px;
			background: url(/mecsumai/img/common/bg_header01_tb.gif) 0 0 no-repeat;
			background-size: 138px 18px;
		}
		#headerLogin {
		}
			#headerLogin li {
			}
				#headerLogin li a {
					width: 152px;
					height: 30px;
					line-height: 2.1;
					color: #FFF;
					text-decoration: none;
				}
				#headerLogin li.register a {
					color: #006f37;
					background: url(/mecsumai/img/common/bg_loginbtn01_tb.png) #00703C center center no-repeat;
					background-size: 59px 30px;
				}
				#headerLogin li.login a {
					color: #006f37;
					background: url(/mecsumai/img/common/bg_loginbtn02_tb.png) #00703C center center no-repeat;
					background-size: 56px 30px;
				}
		#headerLanguage {
			margin-top: 8px;
		}
	.magazine01 {
		top: 45px;
		right: 160px;
	}
		#headerUtility ul li.register a.button01 {
			display: block;
			width: auto;
			height: auto;
			padding: 3px 0;
			margin-top: 10px;
			background: url(/mecsumai/img/common/ico_arrow01.png) #006f37 154px center no-repeat;
			font-size: 14px;
			color: #fff;
			text-align: center;
			text-decoration: none;
			text-indent: inherit;
		}
}
*/

@media screen and (max-width: 1023px) {
    #headerUtility {
        height: 20px;
        padding: 0 12px;
        background-color: #eee;
    }
    #topLogo {
        float: right;
        width: 101px;
        height: 13px;
        margin: 2px 0 0 0;
        background: url(/mecsumai/img/common/bg_header01_sp.png) 0 0 no-repeat;
        background-size: 101px 13px;
    }
    #headerLogin,
    #headerLogout,
    #headerLanguage {
        display: none;
    }
    .magazine01 {
        display: block;
        width: auto;
        position: static;
        top: auto;
        padding: 10px 12px 0;
    }
    .magazine01:after {
        display: none;
    }
    .magazine01 .magazineIn {
        display: block;
        overflow: hidden;
        padding: 12px 15px;
        background: url(/mecsumai/img/common/ico_arrow05_sp.png) #eee right center no-repeat;
        background-size: 16px 11px;
        font-size: 13px;
        text-align: left;
        color: #333;
    }
    .magazine01 .magazineIn:hover {
        text-decoration: none;
    }
    .magazine01 .magazineIn .cover {
        float: left;
        margin-top: 0;
        margin-right: 14px;
    }
    .magazine01 .magazineIn .cover img {
        width: 65px;
    }
    .magazine01 .magazineIn .detail {
        margin-top: 0;
        padding-right: 20px;
        overflow: hidden;
    }
    .magazine01 .magazineIn .detail p {
        margin-top: 8px;
    }
    .magazine01 .magazineIn .detail p.title {
        margin-top: 0;
    }
    .magazine01 .button02 {
        display: block;
        width: 100%;
        height: 40px;
        margin-top: 25px;
        background: url(/mecsumai/img/common/ico_arrow13_sp.png) #00703C 97% center no-repeat;
        background-size: auto 8px;
        text-align: center;
    }
    .magazine01 .button02.active {
        background: url(/mecsumai/img/common/ico_arrow13on_sp.png) #00703C 97% center no-repeat;
        background-size: auto 8px;
    }
    .magazine01 .button02 span {
        display: inline-block;
        width: 66px;
        height: 40px;
        background: url(/mecsumai/img/common/bg_loginbtn03_sp.png) 0 0 no-repeat;
        background-size: 66px 40px;
        overflow: hidden;
        text-indent: -999px;
    }
    #magazineNavi {
        overflow: hidden;
        background-color: #f6f5ed;
        border-left: 1px solid #00703C;
        border-right: 1px solid #00703C;
        border-bottom: 1px solid #00703C;
    }
    #magazineNavi .ul_nav01 li {
        width: 50%;
    }
    #magazineNavi .ul_nav02 li {
        width: 33.33%;
    }
    #magazineNavi ul li {
        float: left;
        border-right: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        box-sizing: border-box;
    }
    #magazineNavi .ul_nav01 li:nth-child(2n),
    #magazineNavi .ul_nav02 li:nth-child(3n) {
        border-right: 0;
    }
    #magazineNavi .ul_nav02 {
        margin-bottom: -1px;
    }
    #magazineNavi ul li a {
        display: block;
        height: 44px;
        background: url(/mecsumai/img/common/bg_magnavi01.png) transparent center 0 no-repeat;
        background-size: 113px auto;
        overflow: hidden;
        text-indent: -999px;
    }
    #magazineNavi .ul_nav01 li.nav01 a {
        background-position: center 0;
    }
    #magazineNavi .ul_nav01 li.nav02 a {
        background-position: center -44px;
    }
    #magazineNavi .ul_nav02 li.nav01 a {
        background-position: center -220px;
    }
    #magazineNavi .ul_nav02 li.nav02 a {
        background-position: center -88px;
    }
    #magazineNavi .ul_nav02 li.nav03 a {
        background-position: center -264px;
    }
    #magazineNavi .ul_nav02 li.nav04 a {
        background-position: center -132px;
    }
    #magazineNavi .ul_nav02 li.nav05 a {
        background-position: center -308px;
    }
    #magazineNavi .ul_nav02 li.nav06 a {
        background-position: center -176px;
    }
}


/* !lp-header
---------------------------------------------------------- */

#lp-header {
    border-bottom: 1px solid #dcdcdc;
}

#lp-header .headerIn {
    max-width: 968px;
    padding: 0 20px;
    height: 90px;
    margin: 0 auto;
}

#lp-header .lp-headerLogo a {
    float: left;
    display: block;
    width: 191px;
    height: 52px;
    margin-top: 19px;
    background: url(/mecsumai/img/common/logo_lp01.gif) 0 0 no-repeat;
    overflow: hidden;
    text-indent: -999px;
}

#lp-header .logoTxt {
    float: left;
    width: 267px;
    height: 15px;
    margin: 39px 0 0 40px;
    background: url(/mecsumai/img/common/txt_headerlp01.gif) 0 0 no-repeat;
    overflow: hidden;
    text-indent: -999px;
}

#lp-header .topLogo {
    float: right;
    margin-top: 32px;
}

#lp-header .topLogo a {
    display: block;
    width: 172px;
    height: 22px;
    background: url(/mecsumai/img/common/logo_lp02.gif) 0 0 no-repeat;
    overflow: hidden;
    text-indent: -999px;
}

@media screen and (max-width: 767px) {
    #lp-header {
        border-bottom: 4px solid #02763b;
    }
    #lp-header .headerIn {
        max-width: inherit;
        padding: 0;
        height: 74px;
    }
    #lp-header .lp-headerLogo a {
        float: left;
        display: block;
        width: 114px;
        height: 31px;
        margin: 12px 0 0 12px;
        background: url(/mecsumai/img/common/logo_lp01_sp.gif) 0 0 no-repeat;
        background-size: 114px 31px;
    }
    #lp-header .logoTxt {
        float: left;
        width: 99px;
        height: 25px;
        margin: 14px 0 0 19px;
        background: url(/mecsumai/img/common/txt_headerlp01_sp.gif) 0 0 no-repeat;
        background-size: 99px 25px;
    }
    #lp-header .topLogo {
        float: none;
        height: 20px;
        margin: 0;
        padding: 0 12px;
        clear: both;
        background: #eee;
    }
    #lp-header .topLogo a {
        float: right;
        display: block;
        width: 101px;
        height: 13px;
        margin-top: 1px;
        background: url(/mecsumai/img/common/bg_header01_sp.png) 0 0 no-repeat;
        background-size: 101px 13px;
    }
}


/* !global header 2017-08
---------------------------------------------------------- */

#header .inner,
#header .inner *,
#header .inner *::before,
#header .inner *::after,
#header .megamenu,
#header .megamenu *,
#header .megamenu *::before,
#header .megamenu *::after,
.sp-side-nav-wrap *,
.sp-side-nav-wrap *::before,
.sp-side-nav-wrap *::after {
    box-sizing: border-box;
}

@media screen and (min-width: 1024px) {
    #headerIn {
        position: relative;
        height: 162px;
        margin: 0 0 20px;
    }
    #headerIn:before {
        content: "";
        position: absolute;
        top: 36px;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #DDDDDD;
    }
    #header .main-header {
        position: relative;
        background-color: #FFFFFF;
    }
    #header .main-header .inner {
        position: relative;
        max-width: 1240px;
        height: 145px;
        margin: 0 auto;
    }
    #header .main-header .wrap {
        position: relative;
        width: 968px;
        margin: 0 auto;
    }
    #header .main-header .logo a {
        display: block;
        position: absolute;
        top: 23px;
        left: 20px;
        width: 169px;
        height: 47px;
        background: url(/mecsumai/img/common/header/logo.png) 0 0 no-repeat;
        overflow: hidden;
        text-indent: -999px;
    }
    #header .main-header .lead a {
        display: block;
        position: absolute;
        top: 42px;
        left: 219px;
        width: 226px;
        height: 13px;
        background: url(/mecsumai/img/common/header/lead.png) 0 0 no-repeat;
        overflow: hidden;
        text-indent: -999px;
    }
    #header .main-header nav.sp {
        display: none;
    }
    #header .main-header nav .search {
        position: absolute;
        top: 30px;
        right: 1px;
        width: 301px;
        height: 34px;
        background-color: #EFEFEF;
    }
    #header .main-header nav .search input[type="text"] {
        position: absolute;
        top: 0;
        left: 0;
        width: 264px;
        height: 34px;
        padding: 0 20px;
        border: none;
        font-size: 13px;
        line-height: 34px;
        background-color: #EFEFEF;
    }
    #header .main-header nav .search button {
        position: absolute;
        top: 0;
        right: 0;
        width: 37px;
        height: 34px;
        border: none;
        line-height: 34px;
        cursor: pointer;
        background: transparent url(/mecsumai/img/common/header/search-icon.png) 10px center no-repeat;
        overflow: hidden;
        text-indent: -999px;
    }
    #header .main-header nav ul {
        position: absolute;
        top: 91px;
        left: 0;
        width: 968px;
        margin: 0 calc(50% - 500px);
        text-align: center;
        font-size: 0;
    }
    #header .main-header nav ul li {
        display: inline-block;
        border-left: 1px solid #DDDDDD;
    }
    #header .main-header nav ul li:first-child {
        border: none;
    }
    #header .main-header nav ul li a {
        position: relative;
        display: inline-block;
        height: 18px;
        padding: 0 19px;
        vertical-align: top;
    }
    #header .main-header nav ul li a:before {
        content: "";
        display: block;
        height: 18px;
        vertical-align: top;
        background: url(/mecsumai/img/common/header/nav-sprite.png) no-repeat 0 0;
    }
    #header .main-header nav ul li:nth-child(1) a:before {
        width: 71px;
        background-position: 0 -1px;
    }
    #header .main-header nav ul li:nth-child(2) a:before {
        width: 88px;
        background-position: 0 -21px;
    }
    #header .main-header nav ul li:nth-child(3) a:before {
        width: 106px;
        background-position: 0 -41px;
    }
    #header .main-header nav ul li:nth-child(4) a:before {
        width: 97px;
        background-position: 0 -61px;
    }
    #header .main-header nav ul li:nth-child(5) a:before {
        width: 93px;
        background-position: 0 -81px;
    }
    #header .main-header nav ul li:nth-child(6) a:before {
        width: 114px;
        background-position: 0 -101px;
    }
    #header .main-header nav ul li:nth-child(7) a:before {
        width: 84px;
        background-position: 0 -121px;
    }
    [data-current-nav="1"] #header .main-header nav ul li:nth-child(1) a:before,
    #header .main-header nav ul li:nth-child(1) a:before:hover {
        background-position: -130px -1px;
    }
    [data-current-nav="2"] #header .main-header nav ul li:nth-child(2) a:before,
    #header .main-header nav ul li:nth-child(2) a:before:hover {
        background-position: -130px -21px;
    }
    [data-current-nav="3"] #header .main-header nav ul li:nth-child(3) a:before,
    #header .main-header nav ul li:nth-child(3) a:before:hover {
        background-position: -130px -41px;
    }
    [data-current-nav="4"] #header .main-header nav ul li:nth-child(4) a:before,
    #header .main-header nav ul li:nth-child(4) a:before:hover {
        background-position: -130px -61px;
    }
    [data-current-nav="5"] #header .main-header nav ul li:nth-child(5) a:before,
    #header .main-header nav ul li:nth-child(5) a:before:hover {
        background-position: -130px -81px;
    }
    [data-current-nav="6"] #header .main-header nav ul li:nth-child(6) a:before,
    #header .main-header nav ul li:nth-child(6) a:before:hover {
        background-position: -130px -101px;
    }
    [data-current-nav="7"] #header .main-header nav ul li:nth-child(7) a:before,
    #header .main-header nav ul li:nth-child(7) a:before:hover {
        background-position: -130px -121px;
    }
    [data-current-nav="1"] #header .main-header nav ul li:nth-child(1) a:after,
    [data-current-nav="2"] #header .main-header nav ul li:nth-child(2) a:after,
    [data-current-nav="3"] #header .main-header nav ul li:nth-child(3) a:after,
    [data-current-nav="4"] #header .main-header nav ul li:nth-child(4) a:after,
    [data-current-nav="5"] #header .main-header nav ul li:nth-child(5) a:after,
    [data-current-nav="6"] #header .main-header nav ul li:nth-child(6) a:after,
    [data-current-nav="7"] #header .main-header nav ul li:nth-child(7) a:after,
    #header .main-header nav ul li a:hover:after {
        content: "";
        position: absolute;
        top: 32px;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #00703C;
    }
    #header .main-header .megamenu {
        display: none;
        position: absolute;
        top: 125px;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #DDDDDD;
        font-weight: bold;
        z-index: 1001;
    }
    #header .main-header .megamenu .wrap:after {
        content: "";
        display: block;
        clear: both;
    }
    #header .main-header .megamenu a.arrow {
        position: relative;
    }
    #header .main-header .megamenu a.arrow:after {
        content: "";
        position: absolute;
        top: calc(50% - 4px);
        right: -15px;
        border-left: 5px solid #00703C;
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        border-right: none;
    }
    #header .main-header .megamenu .close-button {
        position: absolute;
        right: 0;
        bottom: -1px;
        width: 42px;
        height: 42px;
        padding: 25px 0 0;
        color: #FFFFFF;
        text-align: center;
        font-size: 10px;
        font-weight: normal;
        line-height: 10px;
        cursor: pointer;
        background-color: #00703C;
        transition: 200ms;
    }
    #header .main-header .megamenu .close-button:hover {
        opacity: 0.8;
    }
    #header .main-header .megamenu .close-button:before,
    #header .main-header .megamenu .close-button:after {
        content: "";
        position: absolute;
        top: 8px;
        left: 20.5px;
        width: 1px;
        height: 11px;
        background-color: #FFFFFF;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }
    #header .main-header .megamenu .close-button:after {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }
    #header .main-header .search-megamenu .wrap {
        padding-top: 30px;
        padding-bottom: 70px;
    }
    #header .main-header .search-megamenu .area-search,
    #header .main-header .search-megamenu .keyword-search {
        overflow: hidden;
    }
    #header .main-header .search-megamenu .area-search p,
    #header .main-header .search-megamenu .keyword-search p {
        float: left;
        width: 152px;
        color: #00703C;
        font-size: 16px;
        font-weight: bold;
        line-height: 40px;
    }
    #header .main-header .search-megamenu .keyword-search p {
        line-height: 34px;
    }
    #header .main-header .search-megamenu .area-search {
        height: 60px;
    }
    #header .main-header .search-megamenu .area-search ul {
        float: left;
        width: calc(100% - 142px);
        margin-left: -10px;
    }
    #header .main-header .search-megamenu .area-search ul li {
        float: left;
        width: 14.2857%;
        padding: 0 0 0 10px;
    }
    #header .main-header .search-megamenu .area-search ul li a {
        width: 100%;
        height: 40px;
        margin: 0;
        /* START 「物件を探す」エリア名称 - padding調整 */
        padding: 0 8px 0 0px;
        /* END 「物件を探す」エリア名称 - padding調整 */
        font-size: 14px;
        line-height: 40px;
        /* START 「物件を探す」エリア名称 - position指定削除 */
        /* background-position: 82% center; */
        /* END 「物件を探す」エリア名称 - position指定削除 */
        /* START 「物件を探す」エリア名称 - 矢印アイコン調整 */
        background-image: none;
        /* END 「物件を探す」エリア名称 - 矢印アイコン調整 */
    }
    /* START 「物件を探す」エリア名称 - 矢印アイコン調整 */
    #header .main-header .search-megamenu .area-search ul li a>span {
        position: relative;
    }
    #header .main-header .search-megamenu .area-search ul li a>span::after {
        content: "";
        background: url(/mecsumai/img/common/ico_arrow03.png) no-repeat;
        bottom: 0;
        display: block;
        height: 7px;
        margin: auto;
        position: absolute;
        right: -12px;
        top: 0;
        width: 5px;
    }
    /* END 「物件を探す」エリア名称 - 矢印アイコン調整 */
    #header .main-header .search-megamenu .keyword-search {
        height: 55px;
        border-bottom: 1px solid #DAD9D4;
    }
    #header .main-header .search-megamenu .keyword-search form {
        float: left;
        position: relative;
        width: calc(100% - 152px);
        background-color: #FFFFFF;
    }
    #header .main-header .search-megamenu .keyword-search form [type="text"] {
        width: calc(100% - 36px);
        height: 34px;
        border: none;
        padding: 0 0 0 26px;
    }
    #header .main-header .search-megamenu .keyword-search form button {
        position: absolute;
        top: 0;
        right: 0;
        width: 36px;
        height: 34px;
        border: none;
        line-height: 34px;
        cursor: pointer;
        background: transparent url(/mecsumai/img/common/header/search-icon.png) 10px center no-repeat;
        overflow: hidden;
        text-indent: -999px;
    }
    #header .main-header .search-megamenu .keyword-search .main-search {
        overflow: hidden;
    }
    #header .main-header .search-megamenu .main-search {
        position: relative;
        overflow: hidden;
    }
    /* START 2111_MJR-438 - Update items for スポット案件 */
    #header .main-header .search-megamenu .main-search>p.search-heading-title {
        color: #00703C;
        font-size: 20px;
        font-weight: bold;
        line-height: 25px;
        margin-top: 15px;
    }
    #header .main-header .search-megamenu .main-search>p {
        color: #00703C;
        font-size: 16px;
        font-weight: bold;
        line-height: 40px;
    }
    #header .main-header .search-megamenu .main-search .tokyo-map {
        position: absolute;
        top: 80px;
        left: 0;
        width: 564px;
    }
    /* END 2111_MJR-438 - Update items for スポット案件 */
    #header .main-header .search-megamenu .main-search .tokyo-map .inner {
        height: 378px;
    }
    #header .main-header .search-megamenu .main-search .tokyo-map .inner::before {
        transform: scale(0.9261);
        transform-origin: 0 0;
    }
    #header .main-header .search-megamenu .main-search .tokyo-map .caption {
        top: 26px;
        left: 26px;
    }
    #header .main-header .search-megamenu .main-search .tokyo-map .caption,
    #header .main-header .search-megamenu .main-search .tokyo-map .areas li .bg {
        transform: scale(0.9261);
        transform-origin: 0 0;
    }
    #header .main-header .search-megamenu .main-search .tokyo-map .areas li a {
        height: 29px;
    }
    #header .main-header .search-megamenu .main-search .tokyo-map .areas li a.link01,
    #header .main-header .search-megamenu .main-search .tokyo-map .areas li a.link02,
    #header .main-header .search-megamenu .main-search .tokyo-map .areas li a.link03,
    #header .main-header .search-megamenu .main-search .tokyo-map .areas li a.link04,
    #header .main-header .search-megamenu .main-search .tokyo-map .areas li a.link05,
    #header .main-header .search-megamenu .main-search .tokyo-map .areas li a.link07,
    #header .main-header .search-megamenu .main-search .tokyo-map .areas li a.link09 {
        width: 59px;
    }
    #header .main-header .search-megamenu .main-search .tokyo-map .areas li a.link06 {
        width: 106px;
    }
    #header .main-header .search-megamenu .main-search .tokyo-map .areas li a.link08 {
        width: 74px;
    }
    #header .main-header .search-megamenu .main-search .tokyo-map .areas li a.link10 {
        width: 95px;
    }
    #header .main-header .search-megamenu .main-search .tokyo-map .areas li a span {
        transform: scale(0.9261);
        transform-origin: 0 0;
    }
    #header .main-header .search-megamenu .main-search .right-col {
        float: right;
        width: 372px;
        min-height: 471px;
    }
    #header .main-header .search-megamenu .main-search .right-col .other-search {
        padding: 3px 3px 3px 0;
        overflow: hidden;
        background-color: #00703C;
    }
    #header .main-header .search-megamenu .main-search .right-col .other-search li {
        float: left;
        width: 33.33%;
        padding: 0 0 0 3px;
    }
    #header .main-header .search-megamenu .main-search .right-col .other-search li a {
        display: block;
        height: 74px;
        padding: 50px 0 0;
        text-align: center;
        font-size: 14px;
        font-weight: bold;
        line-height: 1;
        background-color: #FFFFFF;
    }
    #header .main-header .search-megamenu .main-search .right-col .other-search li a:hover {
        text-decoration: none;
        opacity: 0.8;
    }
    #header .main-header .search-megamenu .main-search .right-col .other-search li a.button01 {
        background: #FFFFFF url(/mecsumai/img/search/ico_area.png) no-repeat center 12px;
        background-size: 17px auto;
    }
    #header .main-header .search-megamenu .main-search .right-col .other-search li a.button02 {
        background: #FFFFFF url(/mecsumai/img/search/ico_line.png) no-repeat center 10px;
        background-size: 25px auto;
    }
    #header .main-header .search-megamenu .main-search .right-col .other-search li a.button03 {
        background: #FFFFFF url(/mecsumai/img/search/ico_price.png) no-repeat center 14px;
        background-size: 22px auto;
    }
    #header .main-header .search-megamenu .main-search .right-col .theme-search {
        padding: 20px 0 0;
    }
    #header .main-header .search-megamenu .main-search .right-col .theme-search>p {
        display: inline-block;
        color: #00703C;
        font-size: 16px;
        font-weight: bold;
        line-height: 26px;
    }
    #header .main-header .search-megamenu .main-search .right-col .theme-search>a {
        display: inline-block;
        margin: 0 0 0 10px;
        padding: 0 20px 0 6px;
        line-height: 24px;
    }
    #header .main-header .search-megamenu .main-search .right-col .theme-search ul {
        padding: 4px 0 0;
    }
    #header .main-header .search-megamenu .main-search .right-col .theme-search ul li {
        margin: 10px 0 0;
    }
    #header .main-header .search-megamenu .main-search .right-col .theme-search ul li a {
        width: 372px;
        height: 45px;
        margin: 0;
        padding: 2px 0 0 22px;
        text-align: left;
        vertical-align: 1px;
        font-size: 14px;
        line-height: 41px;
        background-position: 350px center;
    }
    #header .main-header .search-megamenu .main-search .right-col .theme-search ul li.new a {
        border-color: #00703C;
        color: #00703C;
    }
    #header .main-header .search-megamenu .main-search .right-col .theme-search ul li.new a span {
        display: inline-block;
        margin: 0 0 0 10px;
        padding: 2px 5px 0;
        color: #FFFFFF;
        font-size: 11px;
        font-weight: bold;
        line-height: 20px;
        vertical-align: 1px;
        background-color: #DC2923;
    }
    #header .main-header .search-megamenu .main-search .right-col .theme-search ul li.new a:hover {
        opacity: 0.7;
    }
    #header .main-header .search-megamenu .main-search .right-col .brands>p {
        margin: 22px 0 12px;
        color: #00703C;
        font-size: 16px;
        font-weight: bold;
        line-height: 1;
    }
    #header .main-header .search-megamenu .main-search .right-col .brands ul li {
        line-height: 23px;
    }
    #header .main-header .search-megamenu .main-search .right-col .brands ul li a {
        font-weight: normal;
    }
    #header .main-header .search-megamenu .main-search .right-col .brands ul li a::after {
        content: "";
        display: inline-block;
        width: 11px;
        height: 9px;
        margin: 0 0 0 5px;
        vertical-align: middle;
        background: url(/mecsumai/img/common/ico_blank03.png) no-repeat right center;
    }
    #header .main-header .common-megamenu .wrap {
        overflow: hidden;
    }
    #header .main-header .common-megamenu .wrap>ul {
        position: relative;
        min-height: 340px;
        padding: 28px 0 40px;
    }
    #header .main-header .common-megamenu .wrap>ul li {
        width: 444px;
        font-size: 13px;
        line-height: 39px;
        border-bottom: 1px solid #DDDDDD;
    }
    #header .main-header .common-megamenu .wrap>ul li>a {
        display: block;
        padding: 0 0 0 43px;
        color: #333333;
        font-weight: normal;
    }
    #header .main-header .common-megamenu .wrap>ul li>a:after {
        right: 13px !important;
    }
    #header .main-header .common-megamenu .wrap>ul li:first-child>a {
        padding: 0 0 0 18px;
        font-size: 14px;
        font-weight: bold;
        line-height: 46px;
    }
    #header .main-header .common-megamenu .wrap>ul li:hover>a {
        text-decoration: none;
        color: #00703C;
        background-color: #ECEBE0;
    }
    #header .main-header .common-megamenu .wrap>ul li .summary {
        display: none;
        position: absolute;
        top: 0;
        right: 42px;
        width: 482px;
        height: 394px;
        padding: 30px 30px 0;
        background-color: #ECEBE0;
    }
    #header .main-header .common-megamenu .wrap>ul li:first-child .summary,
    #header .main-header .common-megamenu[data-active-summary="0"] ul li:first-child .summary,
    #header .main-header .common-megamenu[data-active-summary="1"] ul li:nth-child(2) .summary,
    #header .main-header .common-megamenu[data-active-summary="2"] ul li:nth-child(3) .summary,
    #header .main-header .common-megamenu[data-active-summary="3"] ul li:nth-child(4) .summary,
    #header .main-header .common-megamenu[data-active-summary="4"] ul li:nth-child(5) .summary,
    #header .main-header .common-megamenu[data-active-summary="5"] ul li:nth-child(6) .summary,
    #header .main-header .common-megamenu[data-active-summary="6"] ul li:nth-child(7) .summary,
    #header .main-header .common-megamenu[data-active-summary="7"] ul li:nth-child(8) .summary {
        display: block !important;
    }
    #header .main-header .common-megamenu[data-active-summary] ul li:first-child .summary {
        display: none;
    }
    #header .main-header .common-megamenu .wrap>ul li .summary img {
        width: 422px;
        height: 174px;
        margin: 0 0 15px;
        transition: 200ms;
    }
    #header .main-header .common-megamenu .wrap>ul li .summary img:hover {
        opacity: 0.8;
    }
    #header .main-header .common-megamenu .wrap>ul li .summary .text1 {
        margin: 0 0 10px;
        font-size: 14px;
        line-height: 20px;
    }
    #header .main-header .common-megamenu .wrap>ul li .summary .text2 {
        font-size: 12px;
        font-weight: normal;
        line-height: 21px;
    }
    #header .main-header .sumai-megamenu .wrap>ul,
    #header .main-header .sumai-megamenu .wrap>ul li .summary {
        /*START 202010_ベルフェイスページ導線設置 - Update height*/
        height: 450px;
        /*END 202010_ベルフェイスページ導線設置 - Update height*/
    }
    #header .main-header .sumai-megamenu .support-tools {
        position: absolute;
        left: 0;
        bottom: 10px;
        width: 414px;
        /*START 202010_ベルフェイスページ導線設置 - Update height*/
        height: 195px;
        /*END 202010_ベルフェイスページ導線設置 - Update height*/
        border: 1px solid #DDDDDD;
        background-color: #FFFFFF;
    }
    #header .main-header .sumai-megamenu .support-tools .caption {
        position: absolute;
        top: 0;
        left: 0;
        width: 173px;
        text-align: center;
        font-size: 13px;
        font-weight: bold;
        /*START 202010_ベルフェイスページ導線設置 - Update line-height*/
        line-height: 193px;
        /*END 202010_ベルフェイスページ導線設置 - Update line-height*/
        background-color: #E8F5EE;
    }
    #header .main-header .sumai-megamenu .support-tools ul {
        position: absolute;
        top: 0;
        right: 0;
        width: 240px;
        padding: 17px 0 0 33px;
        font-weight: bold;
    }
    #header .main-header .sumai-megamenu .support-tools ul li a {
        font-size: 13px;
        font-weight: normal;
        line-height: 28px;
    }
    #sp-side-nav {
        display: none;
    }
}

@media screen and (max-width: 1023px) {
    #wrapper {
        position: relative;
        overflow-x: hidden;
        overflow-y: visible;
        /*z-index: 2;*/
    }
    #headerIn {
        position: relative;
        height: 65px;
    }
    #headerIn:before {
        content: "";
        position: absolute;
        top: 30px;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #DDDDDD;
    }
    #header .main-header .inner {
        position: relative;
        height: 45px;
        border-bottom: 1px solid #DDDDDD;
        background-color: #FFFFFF;
    }
    #header .main-header .logo a {
        display: block;
        position: absolute;
        top: 11px;
        left: 10px;
        width: 82px;
        height: 23px;
        background: url(/mecsumai/img/common/logo_sp.gif) 0 0 no-repeat;
        background-size: 100% auto;
        overflow: hidden;
        text-indent: -999px;
    }
    #header .main-header .lead a {
        display: block;
        position: absolute;
        top: 12px;
        left: 106px;
        width: 83px;
        height: 21px;
        background: url(/mecsumai/img/common/header/lead-sp.png) 0 0 no-repeat;
        background-size: 100% auto;
        overflow: hidden;
        text-indent: -999px;
    }
    #header .main-header nav.pc {
        display: none;
    }
    #header .main-header nav .buttons {
        position: absolute;
        top: 0;
        right: 0;
        width: 104px;
    }
    #header .main-header nav .buttons li {
        float: left;
        width: 52px;
        border-left: 1px solid #DDDDDD;
    }
    #header .main-header nav .buttons li a {
        display: block;
        width: 51px;
        height: 44px;
        overflow: hidden;
        text-indent: -999px;
    }
    #header .main-header nav .buttons li.favorite a {
        background: url(/mecsumai/img/common/header/favorite-button-sp.png) 0 0 no-repeat;
        background-size: cover;
    }
    #header .main-header nav .buttons li.login a {
        background: url(/mecsumai/img/common/header/login-button-sp.png) 0 0 no-repeat;
        background-size: cover;
    }
    #header .main-header nav .buttons li.menu a {
        background: url(/mecsumai/img/common/header/menu-button-sp.png) 0 0 no-repeat;
        background-size: cover;
    }
    body.sp-side-nav-opened #header .main-header nav .buttons li.menu a {
        position: relative;
        background: #00703C;
    }
    body.sp-side-nav-opened #header .main-header nav .buttons li.menu a:before,
    body.sp-side-nav-opened #header .main-header nav .buttons li.menu a:after {
        content: "";
        position: absolute;
        top: 23px;
        left: 15px;
        width: 21px;
        height: 1px;
        background-color: #FFFFFF;
    }
    body.sp-side-nav-opened #header .main-header nav .buttons li.menu a:before {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }
    body.sp-side-nav-opened #header .main-header nav .buttons li.menu a:after {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }
    body #header .main-header nav .buttons li.menu span {
        display: block;
        position: absolute;
        top: 7px;
        right: 11px;
        padding: 1px 2px;
        background: #00703C;
        border-radius: 2px;
        border: 1px solid #fff;
        line-height: 1;
        font-size: 8px;
        font-weight: bold;
        color: #fff;
    }
    body.sp-side-nav-opened #header .main-header nav .buttons li.menu span {
        display: none;
    }
    #header .main-header .megamenu {
        display: none;
    }
    .sp-side-nav-wrap {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 0;
        overflow: hidden;
    }
    #sp-side-nav {
        position: absolute;
        top: 0;
        right: calc(-100% + 50px);
        width: calc(100% - 50px);
        min-width: 270px;
        height: 100vh;
        border-left: 1px solid #DDDDDD;
        text-align: left;
        overflow-y: auto;
        background-color: #FFFFFF;
        z-index: 1000;
        box-sizing: border-box;
        transition: right 500ms;
    }
    body.sp-side-nav-opened #sp-side-nav {
        right: 0;
    }
    #sp-side-nav-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 100vh;
        opacity: 0;
        background-color: rgba(0, 0, 0, 0.7);
        z-index: 9;
        transition: width 1ms 300ms, opacity 300ms;
    }
    body.sp-side-nav-opened #sp-side-nav-overlay {
        width: 100%;
        opacity: 1;
        transition: opacity 300ms;
    }
    #sp-side-nav .header {
        position: relative;
        padding: 10px 66px 10px 12px;
        background-color: #ECECEC;
    }
    #sp-side-nav .header .search {
        position: relative;
        width: 100%;
        height: 35px;
        background-color: #FFFFFF;
    }
    #sp-side-nav .header .search input[type="text"] {
        position: absolute;
        top: 0;
        left: 0;
        width: calc(100% - 35px);
        height: 35px;
        padding: 0 10px;
        border: none;
        font-size: 12px;
        line-height: 38px;
        background-color: #FFFFFF;
    }
    #sp-side-nav .header .search button {
        position: absolute;
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        border: none;
        cursor: pointer;
        background: transparent url(/mecsumai/img/common/header/search-icon-sp.png) 6px center no-repeat;
        background-size: 18px;
        overflow: hidden;
        text-indent: -999px;
    }
    #sp-side-nav .header .close {
        position: absolute;
        top: 0;
        right: 0;
        width: 55px;
        height: 55px;
        padding: 36px 0 0;
        text-align: center;
        font-size: 8px;
        line-height: 8px;
        cursor: pointer;
        border: 1px solid #DDDDDD;
        background-color: #FFFFFF;
    }
    #sp-side-nav .header .close:before,
    #sp-side-nav .header .close:after {
        content: "";
        position: absolute;
        top: 20px;
        left: 16px;
        width: 21px;
        height: 1.5px;
        background-color: #999999;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }
    #sp-side-nav .header .close:after {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }
    #sp-side-nav .members {
        padding: 16px;
        overflow: hidden;
    }
    #sp-side-nav .members a {
        display: block;
        float: left;
        width: calc(50% - 5px);
        text-align: center;
        font-size: 12px;
        line-height: 34px;
        white-space: nowrap;
    }
    #sp-side-nav .members a:hover {
        text-decoration: none;
    }
    #sp-side-nav .members a.login {
        border: 1px solid #DDDDDD;
        color: #333333;
        background-color: #FFFFFF;
    }
    #sp-side-nav .members a.entry {
        float: right;
        border: 1px solid #00703C;
        color: #FFFFFF;
        background-color: #00703C;
    }
    #sp-side-nav .members-logged-in {
        padding: 16px;
        overflow: hidden;
    }
    #sp-side-nav .members-logged-in a {
        display: block;
        text-align: center;
        color: #FFFFFF;
        font-size: 12px;
        line-height: 34px;
        white-space: nowrap;
        background-color: #00703C;
    }
    #sp-side-nav .members-logged-in a:hover {
        text-decoration: none;
    }
    #sp-side-nav .gnav {
        margin: 0 0 20px;
        border-top: 1px solid #DDDDDD;
    }
    #sp-side-nav .gnav>li {
        border-bottom: 1px solid #DDDDDD;
    }
    #sp-side-nav .gnav>li>a,
    #sp-side-nav .gnav>li>span {
        position: relative;
        display: block;
        padding: 0 16px;
        font-size: 13px;
        font-weight: bold;
        line-height: 44px;
        white-space: nowrap;
        cursor: pointer;
    }
    #sp-side-nav .gnav>li>span:before {
        content: "";
        position: absolute;
        top: 15px;
        right: 16px;
        width: 8px;
        height: 8px;
        border-left: 1px solid #00703C;
        border-bottom: 1px solid #00703C;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }
    #sp-side-nav .gnav>li>span.opened:before {
        top: 20px;
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
    }
    #sp-side-nav .gnav>li>.sub {
        display: none;
        padding: 0 16px;
        background-color: #F4F4F4;
    }
    #sp-side-nav .gnav>li>.sub * {
        font-size: 12px !important;
    }
    #sp-side-nav .gnav>li>ul.sub li {
        border-bottom: 1px solid #DDDDDD;
    }
    #sp-side-nav .gnav>li>ul.sub li:last-child {
        border: none;
    }
    #sp-side-nav .gnav>li>ul.sub li a {
        display: block;
        padding: 10px 16px;
        font-size: 11px;
        line-height: 19px;
        white-space: nowrap;
    }
    #sp-side-nav .gnav>li.brand>.sub {
        padding-top: 22px;
        padding-top: 18px;
        font-size: 11px;
    }
    #sp-side-nav .gnav>li.brand>.sub .capital a,
    #sp-side-nav .gnav>li.brand>.sub .areas a {
        display: block;
        position: relative;
        border: 1px solid #DDDDDD;
        text-align: center;
        font-weight: normal;
        line-height: 40px;
        background-color: #FFFFFF;
        z-index: 1;
    }
    #sp-side-nav .gnav>li.brand>.sub .capital a:hover,
    #sp-side-nav .gnav>li.brand>.sub .areas a:hover {
        border-color: #00703C;
        text-decoration: none;
        color: #00703C;
        z-index: 2;
    }
    #sp-side-nav .gnav>li.brand>.sub .capital {
        margin: 0 0 15px;
        padding: 8px 2px 4px 4px;
        overflow: hidden;
        background-color: #D8D8D8;
    }
    #sp-side-nav .gnav>li.brand>.sub .capital dt {
        height: 18px;
        text-align: center;
        line-height: 12px;
    }
    #sp-side-nav .gnav>li.brand>.sub .capital dd {
        margin: 0 -2px 0 0;
    }
    #sp-side-nav .gnav>li.brand>.sub .capital dd ul li {
        float: left;
        width: 33.33%;
        margin-left: -1px;
    }
    #sp-side-nav .gnav>li.brand>.sub .capital dd ul li a {
        height: 45px;
        padding: 7px 0 0;
        line-height: 15px;
    }
    #sp-side-nav .gnav>li.brand>.sub .capital dd ul li a .sp {
        display: inline;
    }
    #sp-side-nav .gnav>li.brand>.sub .areas {
        height: 99px;
        margin: 0 -3px 16px 0;
    }
    #sp-side-nav .gnav>li.brand>.sub .areas li {
        float: left;
        width: 33.33%;
        margin: -1px -1px 0 0;
    }
    #sp-side-nav .gnav>li.brand>.sub .keywords {
        margin: 0 0 10px;
    }
    #sp-side-nav .gnav>li.brand>.sub .keywords dt {
        height: 18px;
        font-size: 12px;
        font-weight: bold;
        line-height: 12px;
    }
    #sp-side-nav .gnav>li.brand>.sub .keywords dd {}
    #sp-side-nav .gnav>li.brand>.sub .keywords dd form {
        height: 40px;
        background-color: #EFEFEF;
    }
    #sp-side-nav .gnav>li.brand>.sub .keywords dd form input {
        float: left;
        width: calc(100% - 45px);
        height: 40px;
        padding: 0 17px;
        border: none;
        background-color: #EFEFEF;
    }
    #sp-side-nav .gnav>li.brand>.sub .keywords dd form button {
        display: block;
        float: right;
        width: 45px;
        height: 40px;
        border: none;
        color: #FFFFFF;
        overflow: hidden;
        text-indent: -999px;
        background: #EFEFEF url(/mecsumai/img/top/search-icon-sp.png) no-repeat center center;
        background-size: 19px;
    }
    #sp-side-nav .gnav>li.brand>.sub .links {
        padding: 0 0 15px 2px;
        font-size: 11px;
        line-height: 25px;
    }
    #sp-side-nav .gnav>li.brand>.sub .links li a {
        color: #000000;
    }
    #sp-side-nav .gnav>li.brand>.sub .links li a:after {
        content: "";
        display: inline-block;
        position: relative;
        margin: 0 0 0 8px;
        border-left: 5px solid #00703C;
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        border-right: 0;
        vertical-align: middle;
    }
    #sp-side-nav .lang {
        margin: 0 0 17px;
        text-align: center;
        font-size: 0;
        line-height: 16px;
    }
    #sp-side-nav .lang li {
        display: inline-block;
        border-left: 1px solid #DDDDDD;
    }
    #sp-side-nav .lang li:first-child {
        border: none;
    }
    #sp-side-nav .lang li a {
        display: inline-block;
        padding: 0 16px;
        color: #666666;
        font-size: 10px;
    }
    #sp-side-nav .logout {}
    #sp-side-nav .logout a {
        display: block;
        margin: 0 16px 20px;
        height: 35px;
        text-align: center;
        color: #333333;
        font-size: 12px;
        line-height: 35px;
        background-color: #ECECEC;
    }
    #sp-side-nav .footer {
        margin: 0 0 120px;
    }
    #sp-side-nav .footer .close {
        position: relative;
        width: 95px;
        height: 36px;
        padding: 3px 0 0 40px;
        border: 1px solid #DCDCDC;
        margin: 0 auto;
        font-size: 10px;
        line-height: 31px;
        cursor: pointer;
    }
    #sp-side-nav .close:before,
    #sp-side-nav .close:after {
        content: "";
        position: absolute;
        top: 17px;
        left: 22px;
        width: 12px;
        height: 1px;
        background-color: #999999;
    }
    #sp-side-nav .close:before {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }
    #sp-side-nav .close:after {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
    #header .main-header nav.sp {
        display: block;
    }
    #sp-side-nav {
        right: -50%;
        width: 50%;
    }
}

@media screen and (max-width: 767px) {
    #header .main-header .wrap {
        position: relative;
        width: 100%;
        padding: 0 12px;
    }
}


/* !lower-nav
---------------------------------------------------------- */

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

@media screen and (min-width: 1024px) {
    .lower-nav {
        position: relative;
        width: 100%;
        height: 40px;
        background-color: #F0F0F0;
        z-index: 1000;
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
        margin-bottom: -40px;
    }
    .lower-nav.fixed {
        position: fixed;
        top: 0;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    .lower-nav+#contents {
        padding-top: 20px;
    }
    .lower-nav .wrap {
        position: relative;
        width: 968px;
        margin: 0 auto;
        box-sizing: border-box;
    }
    .lower-nav .caption {
        font-family: "Ryumin Regular KL", serif;
        font-size: 16px;
        font-weight: normal;
        line-height: 40px;
    }
    .lower-nav ul {
        position: absolute;
        top: 0;
        right: -9px;
        padding: 13px 0 0;
        text-align: right;
        font-size: 0;
    }
    .lower-nav ul li {
        display: inline-block;
        border-left: 1px solid #CCCCCC;
        font-size: 11px;
        font-weight: bold;
        line-height: 14px;
    }
    .lower-nav ul li:first-child {
        display: none;
    }
    .lower-nav ul li:nth-child(2) {
        border: none;
    }
    .lower-nav ul li a {
        position: relative;
        display: inline-block;
        margin: -13px 0;
        padding: 13px 9px 12px;
    }
    .lower-nav ul li a:hover {
        text-decoration: none;
    }
    .lower-nav ul li a:hover,
    .lower-nav ul li.current a {
        border-bottom: 1px solid #00703C;
        color: #00703C;
    }
}

@media screen and (max-width: 1023px) {
    .lower-nav {
        position: relative;
        width: 100%;
        height: 39px;
        background-color: #F0F0F0;
        z-index: 1000;
    }
    .lower-nav.fixed {
        position: fixed;
        top: 0;
    }
    .lower-nav+#contents {}
    .lower-nav .wrap {}
    .lower-nav .caption {
        position: relative;
        padding: 0 0 0 48px;
        border-bottom: 1px solid #DDDDDD;
        font-size: 14px;
        font-weight: bold;
        line-height: 39px;
        cursor: pointer;
    }
    .lower-nav .caption:before {
        content: "";
        position: absolute;
        top: 8px;
        left: 18px;
        width: 14px;
        height: 14px;
        border-right: 1px solid #00703C;
        border-bottom: 1px solid #00703C;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }
    .lower-nav.opened .caption:before {
        top: 16px;
        transform: rotate(225deg);
        -webkit-transform: rotate(225deg);
    }
    .lower-nav ul {
        display: none;
        position: absolute;
        top: 40px;
        left: 0;
        width: 100%;
        padding: 0 12px 52px;
        border-bottom: 1px solid #DDDDDD;
        background-color: #EFEFEF;
    }
    .lower-nav ul li {
        border-bottom: 1px solid #DDDDDD;
        font-size: 12px;
        line-height: 39px;
    }
    .lower-nav ul li:first-child {
        padding-top: 10px;
    }
    .lower-nav ul li a {
        display: block;
        padding: 0 0 0 13px;
    }
    .lower-nav ul li.current a {
        color: #00703B;
    }
}


/* !breadcrumb
---------------------------------------------------------- */

#breadcrumb {
    position: relative;
    background-color: #FFFFFF;
}

#breadcrumb ul {
    width: 1200px;
    margin: 0 auto;
    padding: 15px 20px 35px;
    font-size: 12px;
    text-align: right;
}

#breadcrumb ul li {
    display: inline-block;
    padding: 0 20px 0 6px;
    background: url(/mecsumai/img/common/ico_arrow07.gif) right center no-repeat;
    line-height: normal;
    color: #999;
}

#breadcrumb ul li.last {
    padding-right: 0;
    background: none;
}

#breadcrumb ul li a {
    color: #999;
}

#breadcrumb ul li a:hover {
    text-decoration: underline;
}

@media screen and (min-width: 1151px) and (max-width: 1240px) {
    #breadcrumb {}
    #breadcrumb ul {
        width: auto;
    }
}

@media screen and (min-width: 768px) and (max-width: 1150px) {
    #breadcrumb {}
    #breadcrumb ul {
        width: auto;
    }
}

@media screen and (max-width: 767px) {
    #breadcrumb {
        display: none;
    }
}


/* !Login panel
---------------------------------------------------------- */

#loginPanel {
    position: fixed;
    top: 0;
    left: 0;
    padding-top: 40px;
    z-index: 1002;
    width: 360px;
    height:80%;
}

#loginPanel .close {
    display: block;
    position: absolute;
    top: 5px;
    right: 0;
    width: 28px;
    height: 26px;
    background: url(/mecsumai/img/common/ico_close01.png) 0 0 no-repeat;
}

#loginPanel .wrapper {
    max-height:100%;
    overflow-y:scroll;
}

#loginPanel .inner {
    background-color: #fff;
}

#loginPanel .head {
    padding: 24px 0;
    font-size: 18px;
    color: #00703C;
    text-align: center;
    line-height: 1;
    border-bottom: 8px solid #00703C;
}

#loginPanel .head.error {
    color: #ff0000;
    font-size: 14px;
}

/* START 2203_MJR-419 - Update popup layout for Machipassログイン改修 */
#loginPanel .body {
    padding: 8px 34px 32px;
    border-top: 1px solid #ddd;
    text-align: left;
}

#loginPanel .title {
    text-align: center;
    margin: 15px 0;
    font-size: 14px;
}

#loginPanel .logo-machipass {
    display: inline-flex;
    align-items: center;
    margin-bottom: 22px;
    font-size: 12px;
    padding-right: 125px;
    background: url(/mecsumai/img/common/logo-machipass.jpg) no-repeat right center/ 125px auto;
    min-height: 22px;
}
/* END 2203_MJR-419 - Update popup layout for Machipassログイン改修 */

#loginPanel .body .textbox {
    width: 100%;
    padding: 7px 8px;
    margin: 2px 0 20px;
    border: 1px solid #ddd;
    box-sizing: border-box;
    font-family: inherit;
    font-size: 18px;
    color: inherit;
}

#loginPanel .body .textbox.error {
    background: #ffd1d1;
}

#loginPanel .body .recovery {
    margin-top: 5px;
    text-align: right;
    font-size: 12px;
}

#loginPanel .body .recovery a {
    color: #666;
    text-decoration: underline;
}

#loginPanel .body .recovery a:hover {
    text-decoration: none;
}

#loginPanel .submit {
    display: block;
    width: 219px;
    height: 40px;
    margin: 15px auto 0;
    border: 0 none;
    cursor: pointer;
    color: #fff;
    background: #00703C;
    font-family: inherit;
    -webkit-appearance: none;
}

/* START 2203_MJR-419 - Update popup layout for Machipassログイン改修 */
#loginPanel .submit.machipass {
    background: #FC8E00;
}
/* END 2203_MJR-419 - Update popup layout for Machipassログイン改修 */

#loginPanel .checkbox {
    margin-top: 10px;
}

#loginPanel .checkbox input {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    position: absolute;
}

#loginPanel .checkbox label {
    position: relative;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    padding: 0 0 0 26px;
    top: 3px;
    overflow: hidden;
    cursor: pointer;
    background: url(/mecsumai/img/common/bg_check01.gif) 0 0 no-repeat;
}

#loginPanel .checkbox label {
    color: #666;
    font-size: 12px;
}

#loginPanel .checkbox label.custumchecked {
    background-position: 0 -20px !important;
}

#loginPanel .register {
    padding: 22px 0;
    font-size: 12px;
    color: #666;
    text-align: center;
}

#loginPanel .register .btn_basic01 {
    margin-left: 10px;
}

#popupOverlay {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1001;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
}

@media screen and (max-width: 767px) {
    #loginPanel {
        position: fixed;
        left: 0;
        top: 0;
        z-index: 1002;
        padding-top: 40px;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
    }
    #loginPanel .close {
        display: block;
        position: absolute;
        top: 8px;
        right: 12px;
        width: 26px;
        height: 26px;
        background: url(/mecsumai/img/common/ico_close01_sp.png) 0 0 no-repeat;
        background-size: 26px 26px;
    }
    #loginPanel .wrapper {
        position: absolute;
        top: 40px;
        left: 0;
        bottom: 0;
        width: 100%;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
    #loginPanel .inner {
        margin: 0 12px;
        background: #fff;
    }
    #loginPanel .head {
        padding: 19px 0;
        font-size: 14px;
        border-bottom: 4px solid #00703C;
    }
    #loginPanel .head.error {
        font-size: 14px;
    }
    /* START 2203_MJR-419 - Update popup layout for Machipassログイン改修 */
    #loginPanel .body {
        padding: 0 14px 32px;
        border-bottom: 1px solid #ddd;
    }
    #loginPanel .logo-machipass {
        margin-bottom: 15px;
    }
    /* END 2203_MJR-419 - Update popup layout for Machipassログイン改修 */
    #loginPanel .body .textbox {
        width: 100%;
        padding: 7px 8px;
        margin: 6px 0 15px;
        font-size: 16px;
        border-radius: 0;
        -webkit-appearance: none;
    }
    #loginPanel .body .recovery {
        margin-top: 10px;
    }
    #loginPanel .submit {
        width: 174px;
        height: 40px;
        margin: 15px auto 0;
        border-radius: 0;
    }
    #loginPanel .checkbox {}
    #loginPanel .checkbox label {
        background: url(/mecsumai/img/common/bg_check01_sp.gif) 0 0 no-repeat;
        background-size: 20px 40px;
    }
    #loginPanel .register {
        padding: 15px 0;
        font-size: 10px;
    }
    #loginPanel .register .btn_basic01 {
        margin-left: 10px;
    }
}


/* !contents
---------------------------------------------------------- */

#main {
    overflow: hidden;
}

@media screen and (min-width: 768px) {
    #contents {
        padding-top: 20px;
        position: relative;
        margin-bottom: 40px;
        text-align: left;
        background-color: #FFFFFF;
    }
    #contents .wrap {
        position: relative;
        width: 968px;
        margin: 0 auto;
        box-sizing: border-box;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    #contents .wrap {
        position: relative;
        width: 100%;
        padding: 0 20px;
        box-sizing: border-box;
    }
}

@media screen and (max-width: 767px) {
    #contents {
        margin-bottom: 40px;
        background-color: #FFFFFF;
    }
    #contents .wrap {
        position: relative;
        width: 100%;
        padding: 0 12px;
        box-sizing: border-box;
    }
}

#bottomLink {
    width: 1180px;
    margin: 0 auto;
    padding: 0 20px 35px 40px;
    clear: both;
    font-family: "Ryumin Regular KL", "Meiryo", "メイリオ";
    font-size: 22px;
}

#bottomLink * {
    vertical-align: middle;
}

@media screen and (min-width: 1151px) and (max-width: 1240px) {
    #bottomLink {
        width: auto;
    }
}

@media screen and (min-width: 768px) and (max-width: 1150px) {
    #bottomLink {
        width: auto;
        padding: 0 16px 35px;
    }
}

@media screen and (max-width: 767px) {
    #bottomLink {
        width: auto;
        padding: 0 12px 14px;
        font-size: 12px;
    }
}


/* !pageTop
---------------------------------------------------------- */

.pageTop a {
    position: fixed;
    right: 12px;
    bottom: 12px;
    width: 42px;
    height: 42px;
    background-color: #00703C;
    z-index: 100;
}

.pageTop a:before {
    content: "";
    position: absolute;
    top: calc(50% - 3px);
    left: calc(50% - 7px);
    width: 14px;
    height: 14px;
    border-top: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    overflow: hidden;
    text-indent: -999px;
}

@media screen and (min-width: 768px) and (max-width: 1150px) {
    .pageTop a {}
}

@media screen and (max-width: 767px) {
    .pageTop a {
        width: 36px;
        height: 36px;
        opacity: 0.5;
    }
    .pageTop a:before {
        top: calc(50% - 3px);
        left: calc(50% - 6px);
        width: 12px;
        height: 12px;
    }
}


/* !serviceFooter 2017-08
---------------------------------------------------------- */

#service-footer,
#service-footer *,
#service-footer *:before,
#service-footer *:after {
    box-sizing: border-box;
}

@media screen and (min-width: 768px) {
    #service-footer {
        position: relative;
        border-top: 1px solid #DDDDDD;
        border-bottom: 1px solid #DDDDDD;
        text-align: left;
    }
    #service-footer>.inner {
        max-width: 1240px;
        margin: 0 auto;
        padding: 16px 20px;
        overflow: hidden;
    }
    #service-footer h3 {
        float: left;
        width: 144px;
        border-right: 1px solid #DDDDDD;
        font-size: 16px;
        font-family: "Noto Sans JP", sans-serif;
        line-height: 76px;
    }
    #service-footer .body {
        float: left;
        width: calc(100% - 144px);
        max-width: 940px;
    }
    #service-footer .texts {
        float: left;
        padding: 0 0 0 5%;
    }
    #service-footer .texts .text1 {
        padding: 9px 0 10px;
    }
    #service-footer .texts .text1 strong {
        display: inline-block;
        margin: 0 10px 0 0;
    }
    #service-footer .texts .text2 {
        font-size: 12px;
    }
    #service-footer .image {
        float: right;
    }
    #service-footer .pageTop {
        position: absolute;
        top: -54px;
        right: 12px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1100px) {
    #service-footer h3 {
        height: 185px;
    }
    #service-footer .image {
        clear: both;
        float: none;
        padding: 10px 0 0 5%;
    }
}

@media screen and (max-width: 767px) {
    #service-footer {
        position: relative;
        margin-top: 70px;
        border-top: 1px solid #DDDDDD;
        border-bottom: 1px solid #DDDDDD;
        text-align: left;
    }
    #service-footer>.inner {
        padding: 16px 12px 20px;
    }
    #service-footer h3 {
        display: none;
    }
    #service-footer .texts .text1 {
        margin: 0 0 9px;
        font-size: 12px;
        line-height: 12px;
    }
    #service-footer .texts .text1 strong {
        display: block;
        margin: 0 0 8px;
    }
    #service-footer .texts .text2 {
        display: none;
    }
    #service-footer .image img {
        width: 100%;
    }
    #service-footer .pageTop a {
        position: absolute;
        top: -41px;
        right: 5px;
    }
}

/* START 2212_v1_MJR-497 - Add new style for Pinterest and Webchat アイコンを追加 */
@media screen and (max-width: 375px) {
    #footer .sns dd ul li {
        margin: 0 6px 0 0 !important;
    }
}
/* END 2212_v1_MJR-497 - Add new style for Pinterest and Webchat アイコンを追加 */


/* !footer 2017-08
---------------------------------------------------------- */

#footer,
#footer *,
#footer *:before,
#footer *:after {
    box-sizing: border-box;
}

@media screen and (min-width: 768px) {
    #footer {
        text-align: left;
        background-color: #f6f5ed;
    }
    #footer>.inner {
        position: relative;
        padding: 34px 20px 40px;
        max-width: 1240px;
        margin: 0 auto;
        overflow: hidden;
    }
    #footer>.inner+.inner {
        padding: 0 0 20px;
    }
    #footer a {
        text-decoration: none;
    }
    #footer a:hover {
        text-decoration: underline;
    }
    #footer a img {
        transition: opacity 200ms;
    }
    #footer a:hover img {
        opacity: 0.5;
    }
    #footer .inner .logo a {
        float: left;
        width: 116px;
        height: 92px;
        margin: 0 54px 0 0;
        text-indent: -999px;
        overflow: hidden;
        background: url(/mecsumai/img/common/footer-logo.png) no-repeat 0 0;
        transition: 200ms;
    }
    #footer .inner .logo a:hover {
        opacity: 0.7;
    }
    #footer .area-search {
        font-size: 0;
        line-height: 92px;
    }
    #footer .area-search dt {
        display: inline-block;
        margin: 0 3px 0 0;
        font-size: 14px;
        font-weight: bold;
    }
    #footer .area-search dd,
    #footer .area-search dd ul {
        display: inline-block;
    }
    #footer .area-search dd ul li {
        display: inline-block;
        margin: 0 0 0 25px;
        font-size: 13px;
    }
    
        /* START 2212_v1_MJR-497 - Add new style for Pinterest and Webchat アイコンを追加 */
    #footer .blocks {
        clear: left;
        padding: 60px 0;
        overflow: hidden;
    }
    /* END 2212_v1_MJR-497 - Add new style for Pinterest and Webchat アイコンを追加 */
    
    #footer .blocks {
        clear: left;
        padding: 42px 0;
        overflow: hidden;
    }
    #footer .blocks .block {
        float: left;
        width: 20.66%;
        padding: 0 10px 0 0;
    }
    #footer .blocks .block:last-child {
        width: 17.36%;
    }
    #footer .blocks .block ul li {
        margin: 0 0 8px;
        font-size: 12px;
        line-height: 18px;
    }
    #footer .blocks .block ul li:last-child {
        margin: 0;
    }
    #footer .blocks .block ul li.head {
        margin: 0 0 12px;
        font-size: 14px;
        font-weight: bold;
    }
    #footer .blocks .block ul li.head+li.head {
        margin-top: 24px;
    }
    #footer .blocks .block ul li a {
        color: #666666;
    }
    #footer .blocks .block ul li.head a {
        color: #333333;
    }
    #footer .banners {
        float: left;
        width: 75%;
        overflow: hidden;
    }
    #footer .banners ul li {
        float: left;
        width: 25%;
        padding: 0 16px 0 0;
    }
    #footer .banners ul li img {
        width: 100%;
    }
    #footer .sns {
        float: right;
        width: 25%;
        padding: 0 0 0 3%;
    }
    #footer .sns dt {
        height: 31px;
        font-size: 12px;
        font-weight: bold;
    }
    #footer .sns dd ul {
        height: 33px;
        font-size: 0;
        line-height: 33px;
    }
    #footer .sns dd ul li {
        display: inline-block;
        margin: 0 15px 10px 0;
        vertical-align: top;
    }
    #footer .sns dd ul li.last {
        margin-right: 0;
    }
    #footer .sns dd ul li a img {
        vertical-align: middle;
    }
    #footer .sns dd ul li a img.fsns_line {
        width: 31px;
        height: 31px;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }
    #footer .bottom {
        padding: 0 20px;
        border-bottom: 1px solid #DDDDDD;
        background-color: #FFFFFF;
    }
    #footer .bottom ul {
        max-width: 1200px;
        margin: 0 auto;
        font-size: 12px;
        line-height: 36px;
        overflow: hidden;
    }
    #footer .bottom ul li {
        float: left;
        margin: 0 35px 0 0;
    }
    #footer .copyright {
        padding: 20px 20px 40px;
        text-align: center;
        background-color: #FFFFFF;
    }
    #footer .copyright .logo {
        display: block;
        width: 181px;
        height: 22px;
        margin: 0 auto 23px;
        overflow: hidden;
        text-indent: -999px;
        background: url(/mecsumai/img/common/footer-copyright-logo.png) no-repeat 0 0;
    }
    #footer .copyright p {
        color: #9C9C9C;
        font-size: 10px;
        line-height: 10px;
    }
    #footer .footer-lang {
        overflow: hidden;
    }
    #footer .footer-lang ul {
        text-align: center;
        font-size: 12px;
    }
    #footer .footer-lang ul li {
        display: inline-block;
        margin: 0 35px 0 0;
        padding: 0 35px 0 0;
        border-right: 1px solid #333;
        line-height: 16px;
    }
    #footer .footer-lang ul li:last-child {
        border-right: none;
        margin: 0;
        padding: 0;
    }
    #footer .footer-lang ul li a {
        color: #666;
    }
}

@media screen and (max-width: 767px) {
    #footer {
        text-align: left;
        background-color: #f6f5ed;
    }
    #footer>.inner {
        position: relative;
        padding: 70px 0 10px;
        overflow: hidden;
    }
    #footer>.inner+.inner {
        padding-top: 0;
    }
    #footer .inner .logo a {
        display: block;
        width: 77px;
        height: 61px;
        margin: 0 auto 18px;
        text-indent: -999px;
        overflow: hidden;
        background: url(/mecsumai/img/common/footer-logo.png) no-repeat 0 0;
        background-size: cover;
    }
    #footer .area-search {
        display: none;
    }
    #footer .blocks {
        display: none;
    }
    #footer .banners {
        padding: 0 21px;
    }
    #footer .banners ul li {
        float: left;
        width: 50%;
        padding: 0 4px 10px;
    }
    #footer .banners ul li img {
        width: 100%;
    }
    #footer .sns {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 48px;
        text-align: center;
        font-size: 0;
        line-height: 48px;
        background-color: #FFFFFF;
    }
    #footer .sns dt {
        display: inline-block;
        margin: 0 10px;
        font-size: 10px;
        font-weight: bold;
    }
    #footer .sns dd,
    #footer .sns dd ul {
        display: inline-block;
    }
    #footer .sns dd ul li {
        display: inline-block;
        height: 48px;
        margin: 0 15px 0 0;
        line-height: 40px;
        vertical-align: top;
    }
    #footer .sns dd ul li a img {
        vertical-align: middle;
    }
    #footer .sns dd ul li:nth-child(1) a img {
        width: 60px;
    }
    #footer .sns dd ul li:nth-child(2) a img {
        width: 24px;
    }
    #footer .sns dd ul li:nth-child(3) a img {
        width: 24px;
    }
    #footer .sns dd ul li:nth-child(4) a img {
        width: 24px;
    }
    #footer .sns dd ul li:nth-child(5) a img {
        width: 24px;
    }
    
        /* START 2212_v1_MJR-497 - Add new style for Pinterest and Webchat アイコンを追加 */
    #footer .sns dd ul li:nth-child(6) a img {
        width: 24px;
    }
    #footer .sns dd ul li:nth-child(7) a img {
        width: 24px;
    }
    /* END 2212_v1_MJR-497 - Add new style for Pinterest and Webchat アイコンを追加 */
    
    #footer .bottom {
        border-bottom: 1px solid #DDDDDD;
        background-color: #FFFFFF;
        overflow: hidden;
    }
    #footer .bottom ul {
        width: 280px;
        margin: 8px auto;
        text-align: center;
        font-size: 0;
        line-height: 17px;
    }
    #footer .bottom ul li {
        display: inline-block;
        font-size: 9px;
        margin: 0 9px;
    }
    #footer .copyright {
        padding: 15px 0;
        text-align: center;
        background-color: #FFFFFF;
    }
    #footer .copyright .logo {
        display: block;
        width: 135px;
        height: 17px;
        margin: 0 auto 15px;
        overflow: hidden;
        text-indent: -999px;
        background: url(/mecsumai/img/common/footer-copyright-logo.png) no-repeat center center;
        background-size: 100%;
    }
    #footer .copyright p {
        color: #9C9C9C;
        font-size: 8px;
        line-height: 8px;
    }
    #footer .footer-lang {
        overflow: hidden;
    }
    #footer .footer-lang ul {
        text-align: center;
        font-size: 10px;
    }
    #footer .footer-lang ul li {
        display: inline-block;
        margin: 0 15px 0 0;
        padding: 0 15px 0 0;
        border-right: 1px solid #333;
        line-height: 1;
    }
    #footer .footer-lang ul li:last-child {
        border-right: none;
        margin: 0;
        padding: 0;
    }
}


/* !bread-crumb 2017-08
---------------------------------------------------------- */

@media screen and (min-width: 768px) {
    .bread-crumb ul {
        max-width: 1200px;
        margin: 0 auto;
        padding: 6px 20px 0;
        text-align: left;
        font-size: 0;
        line-height: 30px;
    }
    .bread-crumb ul li {
        display: inline-block;
        margin: 0 0 0 22px;
        color: #666666;
        font-size: 11px;
    }
    .bread-crumb ul li:first-child {
        margin: 0;
    }
    .bread-crumb ul li:before {
        content: ">";
        position: relative;
        left: -12px;
    }
    .bread-crumb ul li:first-child:before {
        display: none;
    }
    .bread-crumb ul li a {
        color: #666666;
    }
}

@media screen and (max-width: 767px) {
    .bread-crumb {
        display: none;
    }
}


/* !lp-footer
---------------------------------------------------------- */

#lp-footerIn {
    position: relative;
    max-width: 968px;
    padding: 40px 20px;
    margin: 0 auto;
    font-size: 14px;
}

#lp-footerLinks {}

#lp-footerLinks .lp-links {
    display: table;
    width: 100%;
    margin-top: 30px;
    overflow: hidden;
}

#lp-footerLinks .lp-links li {
    display: table-cell;
    width: 20%;
    padding: 0 10px;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    box-sizing: border-box;
}

#lp-footerLinks .lp-links li.first {
    width: 40%;
}

#lp-footerLinks .lp-links li ul {
    display: block;
    clear: both;
    width: auto;
    padding-left: 5px;
    overflow: hidden;
}

#lp-footerLinks .lp-links li ul li {
    display: inline-block;
    width: auto;
    padding: 0 8px;
    font-weight: normal;
}

#lp-footerLinks .lp-links li ul li.first {
    width: auto;
}

#lp-footerBtm {
    max-width: 968px;
    margin: 0 auto;
    padding: 20px;
}

#footerBtm.bdt {
    border-top: 1px solid #ddd;
}

#lp-footerBtm ul {
    display: block;
    margin-top: 5px;
    overflow: hidden;
}

#lp-footerBtm ul li {
    float: left;
    margin-right: 40px;
}

#lp-footerBtm ul li a {
    font-size: 14px;
    color: #333;
    text-decoration: none;
}

#lp-footerBtm ul li a:hover {
    text-decoration: underline;
}

#lp-copyrightWrap {
    margin-top: 15px;
    vertical-align: baseline;
    overflow: hidden;
}

#lp-footerLogo {
    float: left;
    display: block;
    width: 172px;
    height: 22px;
    background: url(/mecsumai/img/common/logo_lp02.gif) 0 0 no-repeat;
    overflow: hidden;
    text-indent: -999px;
}

#lp-copyright {
    float: left;
    display: block;
    margin: 10px 0 0 24px;
    color: #9c9c9c;
    font-size: 10px;
    line-height: 1;
}

@media screen and (max-width: 767px) {
    #lp-footerIn {
        max-width: inherit;
        padding: 23px 12px;
        font-size: 9px;
    }
    #lp-footerLinks {}
    #lp-footerLinks .lp-links {
        display: block;
        width: auto;
        margin-top: 10px;
        overflow: hidden;
    }
    #lp-footerLinks .lp-links li {
        display: block;
        float: left;
        width: 33.33%;
        padding: 0 5px 0 0;
        font-size: 9px;
        box-sizing: border-box;
    }
    #lp-footerLinks .lp-links li.first {
        width: 100%;
        padding: 0 5px 0 0;
        margin-bottom: 14px;
        clear: both;
    }
    #lp-footerLinks .lp-links li ul {
        display: table;
        width: 100%;
        padding: 3px 0 0 9px;
        box-sizing: border-box;
    }
    #lp-footerLinks .lp-links li ul li {
        display: table-cell;
        width: 16.66%;
        margin: 0;
        font-weight: normal;
        box-sizing: border-box;
    }
    #lp-footerLinks .lp-links li ul li.first {
        width: 16.66%;
        margin: 0;
    }
    #lp-footerBtm {
        max-width: inherit;
        margin: 0 auto;
        padding: 12px 12px 15px;
    }
    #lp-footerBtm ul {
        display: block;
        margin-top: 0;
        overflow: hidden;
    }
    #lp-footerBtm ul li {
        float: left;
        margin-right: 16px;
    }
    #lp-footerBtm ul li a {
        font-size: 9px;
    }
    #lp-copyrightWrap {
        margin-top: 10px;
    }
    #lp-footerLogo {
        float: none;
        display: block;
        width: 108px;
        height: 14px;
        background: url(/mecsumai/img/common/bg_lpfooter01_sp.gif) 0 0 no-repeat;
        background-size: 108px 14px;
    }
    #lp-copyright {
        float: none;
        display: block;
        margin: 11px 0 0 0;
        font-size: 8px;
    }
}


/* !h(n)eading
---------------------------------------------------------- */

.h1_basic01 {
    margin-bottom: 55px;
    padding: 0 20px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 32px;
    line-height: 1.1;
    color: #00703C;
}

.h1_basic01:first-child {
    margin-top: 40px;
}

.h1_basic01 span {
    color: #333;
    font-size: 18px;
}

.h2_basic01,
.h2_basic02 {
    margin-bottom: 30px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 32px;
    line-height: 1.1;
    color: #006f37;
}

.h2_basic02 {
    font-size: 24px;
}

.h2_basic01.h2_basic01-only {
    margin-bottom: 55px !important;
}

.h2_basic01 span.notes {
    display: block;
    margin: 0 0 1em;
    font-size: 12px;
    font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, 'メイリオ', Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
    color: #333;
}

.h3_basic01,
.h3_basic02 {
    margin-bottom: 30px;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 26px;
    font-weight: bold;
    line-height: 1.6;
    color: #00703C;
}

.h3_basic01 .btn_basic02 {
    vertical-align: middle;
}

.h3_basic02 {
    margin-bottom: 15px;
    color: #00703C;
}

@media screen and (min-width: 768px) and (max-width: 1150px) {
    .h1_basic01 {
        margin-bottom: 45px;
        padding: 0 16px;
    }
    .h2_basic01 {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 767px) {
    .h1_basic01 {
        margin: 14px 0 16px;
        padding: 0 12px;
        font-size: 21px;
    }
    .h1_basic01:first-child {
        margin-top: 20px;
    }
    .h1_basic01 span {
        font-size: 14px;
    }
    .h2_basic01,
    .h2_basic02 {
        margin-bottom: 12px;
        font-size: 21px;
        line-height: 1.5;
    }
    .h3_basic01,
    .h3_basic02 {
        margin-bottom: 15px;
        font-size: 20px;
        font-weight: bold;
        line-height: 1.5;
    }
    .h3_basic02 {
        margin-bottom: 10px;
    }
}


/* !Listing
---------------------------------------------------------- */

dl_basic01 {}

.dl_basic01 dt {
    clear: both;
    float: left;
    width: 160px;
}

.dl_basic01 dd {
    margin: 0 0 10px 160px;
}

.dl_basic01 dd a {
    display: block;
}

.dl_links01 {
    overflow: hidden;
    margin: 0 0 -2px 0;
}

.dl_links01 dt {
    float: left;
    clear: both;
    width: 240px;
    padding: 10px 0 10px 20px;
    font-weight: bold;
}

.dl_links01 dd {
    padding: 10px 10px 10px 260px;
    margin-bottom: 2px;
    background: #f4f4f4;
}

.ul_basic01 {
    padding-left: 34px;
    border-left: 1px solid #dcdcdc;
}

.ul_basic01 li {
    margin-bottom: 10px;
}

.ul_basic01 li a {
    display: block;
}

.ul_basic01 li a span {
    font-weight: bold;
}

.ul_basic02 {
    margin-left: -16px;
    overflow: hidden;
}

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

.ul_top01 {}

.ul_top01 .box {
    background-color: #f6f5ed;
}

.ul_top01 .box:hover {
    text-decoration: none;
}


/*.ul_top01 .box:hover img {
			opacity: 0.8;
			filter: alpha(opacity=80);
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
		}*/

.ul_top01 .box .flImgR,
.ul_top01 .box .flImgL {
    margin: 0;
}

.ul_top01 .box img {
    width: 608px;
    height: 356px;
}

.ul_top01 .box .text {
    display: table-cell;
    width: 900px;
    height: 356px;
    padding: 0 10px;
    text-align: center;
    vertical-align: middle;
}

.ul_top01 .box .text em {
    display: block;
    margin: 0 auto 15px;
    font-size: 14px;
    color: #999;
}


/* IE8向け */

head~
/**/

body .ul_top01 .box .text p {
    font-family: "Meiryo", "メイリオ";
    font-size: 16px;
    color: #333;
}


/* モダンブラウザ向け */

html:not(:target) .ul_top01 .box .text p {
    font-family: "Ryumin Regular KL", "Meiryo", "メイリオ";
    font-size: 16px;
    color: #333;
}


/*.ul_top01 .box .text p {
				font-family: "Ryumin Regular KL", "Meiryo", "メイリオ";
				font-size: 16px;
				color: #333;
			}*/

.ul_list01 {
    overflow: hidden;
}

.ul_list01 li {
    float: left;
    width: 484px;
}

.ul_list01 li a {
    display: block;
    padding: 16px;
    overflow: hidden;
    color: #333;
}

.ul_list01 li a:hover {
    color: #00703C;
    background-color: #f6f6f6;
}

.ul_list01 li a img {
    width: 110px;
    height: 110px;
}

.ul_list01 li a .ftBox p {
    padding-top: 15px;
    font-weight: bold;
}

.ul_list02,
.ul_list10 {
    margin-left: -16px;
    overflow: hidden;
}

.ul_list02 li,
.ul_list10 li {
    float: left;
    width: 312px;
    margin-bottom: 16px;
    margin-left: 16px;
}

.ul_list02 li a,
.ul_list10 li a {
    display: block;
    min-height: inherit;
    padding: 16px 17px;
    background-color: #f4f4f4;
    overflow: hidden;
    font-size: 12px;
    line-height: 1.5;
    color: #333;
    text-decoration: none;
}

.ul_list02 li a p.thumb01,
.ul_list10 li a p.thumb01 {
    width: 74px;
    height: 74px;
    overflow: hidden;
    position: relative;
}

.ul_list02 li a p.thumb02 {
    width: 110px;
    height: 110px;
    overflow: hidden;
    position: relative;
}

.ul_list02 li a p.thumb01 img,
.ul_list10 li a p.thumb01 img {
    height: 100%;
    position: absolute;
    left: -33%;
}

.ul_list02 li a p.thumb02 img {
    height: 100%;
    position: absolute;
    left: -33%;
}

.ul_list02 li a .title,
.ul_list10 li a .title {
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.4;
    color: #333;
}

.ul_list02 li a:hover .title,
.ul_list10 li a:hover .title {
    color: #00703C;
    text-decoration: underline;
}

.ul_list03 {
    margin-left: -16px;
    overflow: hidden;
}

.ul_list03 li {
    float: left;
    width: 33.33%;
    padding-left: 16px;
    margin: 0 0 20px 0;
    line-height: 1.4;
    box-sizing: border-box;
}

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


/*.ul_list03 li a {
			display: inline-block;
		}*/

.ul_list03 li a:hover {
    opacity: 0.8;
}

.ul_list03 li a.btn_basic01:hover,
.ul_list03 li a.btn_blank01:hover {
    opacity: 1;
}

.ul_list03 li img {
    width: 100%;
    margin-bottom: 12px;
}

.ul_list03 li p {
    margin-bottom: 15px;
}

.ul_list04,
.ul_list04>li,
.ul_list04>li>a {
    box-sizing: content-box !important;
}

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

.ul_list04 li {
    float: left;
    position: relative;
    margin-top: 17px;
    position: relative;
    margin-left: 24px;
}

.ul_list04 li.new>a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    top: 0;
    left: 0;
    width: 56px;
    height: 56px;
    background: url(/mecsumai/img/common/new-label.png) no-repeat 0 0;
    background-size: 100%;
    z-index: 2;
}

.ul_list04 li a {
    display: block;
    width: 223px;
    height: 353px;
    background-color: #f6f5ed;
    color: #333;
    text-decoration: none;
}

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

.ul_list04 li a .text {
    height: 130px;
    padding: 6px 20px 0;
    overflow: hidden;
}

.ul_list04 li .image {
    height: 223px;
    text-align: center;
}

.ul_list04 li .image img {
    width: auto;
    height: auto;
}

.ul_list04 li .image img.v {
    height: 100%;
}

.ul_list04 li .image img.h {
    width: 100%;
}

.ul_list04 li .text em {
    display: block;
    margin-top: 11px;
    overflow: hidden;
    font-weight: bold;
    line-height: 1.4;
    color: #333;
}

.ul_list04 li .text .detail {
    margin-top: 18px;
    font-size: 12px;
    line-height: 1.6;
    color: #666;
    overflow: hidden;
}

.ul_list04 li .popup {
    /*display: none;*/
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 18px 15px 18px;
    border: 1px solid #ddd;
    box-sizing: border-box;
    background: url(/mecsumai/img/common/bg_opacity01.png) 0 0 repeat;
    font-size: 14px;
    color: #333;
    line-height: 1.4;
    z-index: 3;
}

.ul_list04 .popup .box {
    height: 230px;
    overflow: hidden;
}

.ul_list04 .popup p {
    margin-bottom: 6px;
    font-size: 12px;
}

.ul_list04 .popup em {
    display: block;
    margin-top: 0;
    font-size: 12px;
    color: #999;
    font-weight: normal;
}

.ul_list04 .popup p.addFavorite {
    text-align: right;
}

.ul_list04 .popup p.addFavorite a {
    display: inline-block;
    padding: 0 0 0 10px;
    margin: 6px 0 0;
    width: auto;
    height: auto;
    background: url(/mecsumai/img/common/ico_plus01.png) left center no-repeat;
    font-size: 10px;
    color: #00703C;
    line-height: 1.3;
    text-align: center;
}

.ul_list04 .popup .box .txtOverflow {
    /*height: 38px;*/
    overflow: hidden;
}

.ul_list04 .popup .box .txtOverflow+.txtOverflow {
    margin-top: -6px;
}

.ul_list04 .popup .box .txtOverflow.line01 {
    /*height: 20px;*/
    overflow: hidden;
}

.ul_list04 .popup ul.popup_button {
    position: absolute;
    left: 11px;
    bottom: 15px;
    width: 195px;
    margin: -4px 0 0 0;
    overflow: hidden;
}

.ul_list04 .popup .popup_button li {
    float: left;
    width: 50%;
    margin: 4px 0 0;
    padding-left: 4px;
    box-sizing: border-box;
}

.ul_list04 .popup .popup_button a {
    width: auto;
    height: 36px;
    padding: 0;
    line-height: 2.6;
}

.ul_list04 .popup .popup_button a.btn_basic04 {
    background-color: #00703C;
    color: #fff;
}

.ul_list04 .popup .popup_button a.btn_basic05 {
    background-color: #fff;
    border: 1px solid #dcdcdc;
}

.ul_list04 .popup .popup_button a.btn_basic05:hover {
    border: 1px solid #00703C;
    color: #00703C;
}

.ul_list04 .popup .popup_button li.full {
    width: 100%;
}

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

.ul_list05 li {
    display: table-cell;
    width: 33.33%;
    padding-left: 28px;
}

.ul_list05 li .image {
    margin-bottom: 12px;
}

.ul_list05 li img {
    width: 100%;
}

.ul_list05 li a {
    display: block;
}

.ul_list05 li a:hover {
    text-decoration: none;
}

.ul_list05 li .ftBox {
    overflow: hidden;
}

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

.ul_list05 li a:hover .ftBox em {
    text-decoration: underline;
}

.ul_list05 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;
}

.ul_list05 li .ftBox p {
    margin-bottom: 15px;
    font-size: 13px;
    line-height: 1.7;
}

.ul_list05 li a:hover .ftBox p {
    color: #333;
}

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

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

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

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

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

.ul_list06 ul {
    overflow: hidden;
    margin-top: -16px;
}

.ul_list06 ul li {
    float: left;
    width: 33.33%;
    margin-top: 16px;
}

.ul_list06 ul li a,
.ul_list06 ul li p {
    display: block;
}

.ul_list06 ul li img {
    float: left;
    width: 92px;
}

.ul_list06 ul li em {
    display: table-cell;
    width: 100%;
    height: 92px;
    padding: 0 10px;
    box-sizing: border-box;
    color: #999;
    vertical-align: middle;
}

.ul_list06 ul li a em {
    color: #333;
}

.ul_list06 ul li a:hover em {
    color: #00703C;
}

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

.ul_list06 .btnMore {
    display: none;
}

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

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

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

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

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

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

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

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

.ul_list08 li .tag {
    float: left;
    font-size: 12px;
    font-weight: bold;
}

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

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

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

.ul_list09 {
    margin-left: -26px;
    overflow: hidden;
    *zoom: 1;
}

.ul_list09 li {
    float: left;
    width: 440px;
    margin-left: 26px;
}

.ul_list09 li img {
    width: 152px;
    height: 60px;
    float: left;
    margin-bottom: 35px;
    margin-right: 17px;
}

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

.ul_list09 li .detail {}

.ul_list09 li a {
    line-height: 1.4;
    color: #333;
}

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

.ul_article01 {
    margin-left: -56px;
    overflow: hidden;
}

.ul_article01 li {
    float: left;
    width: 25%;
    padding-left: 56px;
    box-sizing: border-box;
}

.ul_article01 li img {
    width: 200px;
    margin-bottom: 8px;
}

.ul_article01 li a {
    line-height: 1.4;
    color: #333;
}

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

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

.ul_article02 {
    overflow: hidden;
    margin-left: -56px;
}

.ul_article02 li {
    float: left;
    width: 25%;
    padding-left: 56px;
    box-sizing: border-box;
    font-size: 12px;
}

.ul_article02 li a {
    display: block;
    text-decoration: none;
    color: #333;
}

.ul_article02 li img {
    width: 100%;
}

.ul_article02 li em {
    display: block;
    margin: 4px 0 4px;
    font-size: 14px;
}

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

.ul_article03 {
    overflow: hidden;
}

.ul_article03 li {}

.ul_article03 li .image {
    float: left;
    width: 200px;
    margin-right: 25px;
}

.ul_article03 li .image img {
    width: 100%;
    height: auto;
}

.ul_article03 li .ftBox em {
    display: block;
    font-family: "Ryumin Regular KL", "Meiryo", "メイリオ";
    font-size: 18px;
    margin-bottom: 2px;
}

.ul_article03 li .ftBox a {
    margin-top: 10px;
}

div.ico_description {
    margin-top: 40px;
    padding: 30px;
    background-color: #f4f4f4;
    font-size: 14px;
}

@media screen and (max-width: 767px) {
    div.ico_description {
        margin-top: 40px;
        padding: 15px 12px;
        font-size: 10px;
    }
}

div.ico_description p+p {
    margin-top: .5em;
}

@media screen and (max-width: 767px) {
    div.ico_description p {
        overflow: hidden;
    }
}

div.ico_description em.ico_asset,
div.ico_description em.ico_renovation,
div.ico_description em.ico_house1,
div.ico_description em.ico_house2 {
    box-sizing: border-box;
    display: inline-block;
    margin-right: 1em;
    border: 1px solid;
    padding: .2em .5em;
    min-width: 86px;
    background-color: #fff;
    font-size: 12px;
    line-height: 1.2;
    text-align: center;
}

@media screen and (max-width: 767px) {
    div.ico_description em.ico_asset,
    div.ico_description em.ico_renovation,
    div.ico_description em.ico_house1,
    div.ico_description em.ico_house2 {
        clear: both;
        float: left;
        padding: 2px 0 1px;
        min-width: 7em;
        font-size: 9px;
    }
    div.ico_description span {
        display: block;
        overflow: hidden;
    }
}

div.ico_description em.ico_asset {
    border-color: #a0813d;
    color: #a0813d;
}

div.ico_description em.ico_renovation {
    border-color: #00713a;
    color: #00713a;
}

div.ico_description em.ico_house1 {
    border-color: #016598;
    color: #016598;
}

div.ico_description em.ico_house2 {
    border-color: #af2c30;
    color: #af2c30;
}

.ul_searchLink01 {
    margin-top: 15px;
    text-align: center;
}

.ul_searchLink01 li {
    display: inline-block;
    padding: 0 18px;
    border-left: 1px solid #ddd;
}

.ul_searchLink01 li.last {
    border-right: 1px solid #ddd;
}

@media screen and (min-width: 1151px) and (max-width: 1240px) {
    .ul_list01 {}
    .ul_list01 li {
        float: left;
        width: 50%;
    }
    .ul_list02,
    .ul_list10 {
        margin-left: -16px;
    }
    .ul_list02 li {
        display: inline-block;
        float: left;
        width: 33.33%;
        margin-left: 0;
        padding-left: 16px;
        box-sizing: border-box;
    }
    .ul_list10 li {
        float: left;
        width: 33.33%;
        margin-left: 0;
        padding-left: 16px;
        box-sizing: border-box;
    }
    .ul_list08 {
        margin-left: -28px;
    }
    .ul_list08 li {
        float: left;
        width: 33.33%;
        margin-left: 0;
        padding-left: 28px;
        box-sizing: border-box;
    }
    .ul_list08 li img {
        width: 100%;
        height: auto;
        margin-bottom: 10px;
    }
    .ul_list09 {
        margin-left: -16px;
    }
    .ul_list09 li {
        float: none;
        display: table-cell;
        width: 20%;
        margin-left: 0;
        padding-left: 16px;
        box-sizing: border-box;
    }
    .ul_list09 li img {
        width: 100%;
        height: auto;
        margin-bottom: 12px;
    }
    .ul_list09 li p {
        margin-bottom: 15px;
    }
    .ul_article01 {
        margin-left: -50px;
    }
    .ul_article01 li {
        float: left;
        width: 25%;
        padding-left: 50px;
    }
    .ul_article01 li img {
        width: 100%;
        margin-bottom: 8px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1150px) {
    .ul_basic01 {
        padding: 5px 0 0 37px;
    }
    .ul_list01 {}
    .ul_list01 li {
        float: left;
        width: 50%;
    }
    .ul_list02,
    .ul_list10 {
        margin-left: -10px;
    }
    .ul_list02 li {
        display: inline-block;
        float: left;
        width: 33.33%;
        margin-left: 0;
        padding-left: 10px;
        box-sizing: border-box;
    }
    .ul_list10 li {
        float: left;
        width: 33.33%;
        margin-left: 0;
        padding-left: 10px;
        box-sizing: border-box;
    }
    .ul_list03 {
        margin-left: -10px;
    }
    .ul_list03 li {
        padding-left: 10px;
        box-sizing: border-box;
    }
    .ul_list03 li img {
        width: 100%;
        margin-bottom: 12px;
    }
    .ul_list03 li p {
        margin-bottom: 15px;
    }
    .ul_list08 {
        margin-left: -28px;
    }
    .ul_list08 li {
        float: left;
        width: 33.33%;
        margin-left: 0;
        padding-left: 28px;
        box-sizing: border-box;
    }
    .ul_list08 li img {
        width: 100%;
        height: auto;
        margin-bottom: 10px;
    }
    .ul_list09 li {
        float: none;
        display: table-cell;
        width: 20%;
        margin-left: 0;
        padding-left: 16px;
        box-sizing: border-box;
    }
    .ul_list09 li img {
        width: 100%;
        height: auto;
        margin-bottom: 12px;
    }
    .ul_list09 li p {
        margin-bottom: 15px;
    }
    .ul_article01 {
        margin-left: -16px;
    }
    .ul_article01 li {
        padding-left: 16px;
        box-sizing: border-box;
    }
    .ul_article01 li img {
        width: 100%;
        height: auto;
        margin-bottom: 8px;
    }
}


/* TB additional breakpoint */

@media screen and (min-width: 768px) and (max-width: 900px) {
    .ul_top01 {}
    .ul_top01 .box {}
    .ul_top01 .box img {
        width: 465px;
        height: 282px;
    }
    .ul_top01 .box .text {
        height: 282px;
    }
}


/* From minTB to maxPC */

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .ul_list04,
    .ul_list04>li,
    .ul_list04>li>a {
        box-sizing: border-box !important;
    }
    .ul_list04 {
        margin-left: -17px;
    }
    .ul_list04 li {
        width: calc(50% - 17px);
        margin-left: 17px;
        padding-left: 0;
        box-sizing: border-box;
    }
    .ul_list04 li.last {
        margin-bottom: 0;
    }
    .ul_list04 li a {
        width: 100%;
        height: auto;
        padding: 0 20px 0 0;
        box-sizing: border-box;
        overflow: hidden;
    }
    .ul_list04 li a .text {
        height: auto;
        padding: 16px 0;
    }
    .ul_list04 li a .text em,
    .ul_list04 li a .text .detail {
        height: auto;
    }
    .ul_list04 li .image {
        float: left;
        width: 158px;
        height: 158px;
        margin-right: 16px;
        text-align: center;
    }
    .ul_list04 li .image img {}
    .ul_list04 li .image img.v {
        height: 100%;
    }
    .ul_list04 li .image img.h {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .dl_basic01 {}
    .dl_basic01 dt {
        float: none;
        width: auto;
    }
    .dl_basic01 dd {
        padding-bottom: 6px;
        margin: 0;
    }
    .dl_basic01 dd a {}
    .dl_basic01 dd a:hover {
        text-decoration: none;
    }
    .dl_links01 {
        text-align: center;
    }
    .dl_links01 dt {
        float: none;
        width: auto;
        padding: 5px 0;
        font-size: 12px;
        line-height: 1.67;
        background: #f4f4f4;
    }
    .dl_links01 dd {
        padding: 0 0 6px 0;
    }
    .ul_basic01 {
        padding-left: 0;
        border-left: 0;
        border-top: 1px solid #dcdcdc;
    }
    .ul_basic01 li {
        padding: 11px 0;
        margin-bottom: 0;
        border-bottom: 1px solid #dcdcdc;
    }
    .ul_basic01 li a {}
    .ul_basic01 li a:hover {
        text-decoration: none;
    }
    .ul_basic01 li a span {}
    .ul_top01 {}
    .ul_top01 li {
        margin-bottom: 1px;
    }
    .ul_top01 li.last {
        margin-bottom: 0;
    }
    .ul_top01 .box .flImgR,
    .ul_top01 .box .flImgL {
        float: none;
    }
    .ul_top01 .box img {
        width: 100%;
        height: auto;
    }
    .ul_top01 .box .text {
        display: block;
        width: auto;
        height: auto;
        padding: 19px 15px 25px;
        text-align: center;
    }
    .ul_top01 .box .text em {
        display: block;
        margin: 0 auto 3px;
        font-size: 11px;
        color: #999;
    }
    .ul_top01 .box .text p {
        font-size: 13px;
        line-height: 1.4;
    }
    .ul_list01 {}
    .ul_list01 li {
        float: none;
        width: auto;
        margin-bottom: 8px;
    }
    .ul_list01 li.last {
        margin-bottom: 0;
    }
    .ul_list01 li .flImgL {
        margin-right: 8px;
    }
    .ul_list01 li a {
        display: block;
        padding: 0;
    }
    .ul_list01 li a:hover {
        color: inherit;
        background-color: inherit;
        text-decoration: none;
    }
    .ul_list01 li a img {
        width: 92px;
        height: 92px;
    }
    .ul_list01 li a .ftBox p {
        padding-top: 5px;
        font-weight: bold;
    }
    .ul_list02,
    .ul_list10 {
        margin-left: 0;
    }
    .ul_list02 li,
    .ul_list10 li {
        float: none;
        width: auto;
        margin-left: 0;
        margin-bottom: 8px;
    }
    .ul_list02 li:last,
    .ul_list10 li:last {
        margin-bottom: 0;
    }
    .ul_list02 li a,
    .ul_list10 li a {
        display: block;
        min-height: inherit;
        padding: 12px;
        font-size: 10px;
        line-height: 1.5;
    }
    .ul_list02 li a p.thumb01,
    .ul_list10 li a p.thumb01 {
        width: 55px;
        height: 55px;
    }
    .ul_list02 li a p.thumb01 img,
    .ul_list10 li a p.thumb01 img {
        height: 100%;
        position: absolute;
        width: 167%;
        left: -33%;
    }
    .ul_list02 li a .flImgL,
    .ul_list10 li a .flImgL {
        margin-right: 8px;
    }
    .ul_list02 li a .title,
    .ul_list10 li a .title {
        margin-bottom: 8px;
        font-size: 12px;
    }
    .ul_list02 li a:hover .title,
    .ul_list10 li a:hover .title {
        color: inherit;
        text-decoration: none;
    }
    .ul_list03 {
        margin-left: 0;
    }
    .ul_list03 li {
        display: block;
        float: none;
        width: auto;
        padding-left: 0;
        margin-bottom: 20px;
        line-height: 1.5;
    }
    .ul_list03 li.last {
        margin-bottom: 0;
    }
    .ul_list03 li img {
        width: 100%;
        margin-bottom: 12px;
    }
    .ul_list03 li p {
        margin-bottom: 5px;
    }
    .ul_list04 {
        margin: -16px 0 0 -17px;
        box-sizing: border-box !important;
    }
    .ul_list04 li {
        float: left;
        width: calc(50% - 17px);
        margin-top: 16px;
        margin-left: 17px;
        box-sizing: border-box !important;
    }
    .ul_list04 li.new>a::before {
        width: 43px;
        height: 43px;
    }
    .ul_list04 li a {
        width: auto;
        height: auto;
        padding: 0 0 14px;
        box-sizing: content-box !important;
    }
    .ul_list04 li a .text {
        height: auto;
        padding: 0 12px;
    }
    .ul_list04 li .image {
        height: 44.5vw;
    }
    .ul_list04 li .image img {}
    .ul_list04 li em {
        display: block;
        height: auto;
        margin-top: 8px;
    }
    .ul_list04 li .detail {
        height: auto;
        margin-top: 2px;
        font-size: 10px;
        line-height: 1.4;
    }
    .ul_list04 li:hover .popup {
        display: none;
    }
    .ul_list05 {
        margin: 0 0 -10px 0;
    }
    .ul_list05 li {
        display: block;
        width: auto;
        padding: 0;
        overflow: hidden;
        margin-bottom: 10px;
    }
    .ul_list05 li .image {
        float: left;
        width: 136px;
        margin: 0 7px 0 0;
    }
    .ul_list05 li .ftBox {
        overflow: hidden;
    }
    .ul_list05 li .ftBox em {
        margin: 0;
        font-size: 12px;
    }
    .ul_list05 li .ftBox p {
        display: none;
    }
    .ul_list05 li div.brandQaListLabel {
        display: none;
    }
    .ul_list06 ul {
        overflow: hidden;
        margin-top: -8px;
    }
    .ul_list06 ul li {
        float: left;
        width: 50%;
        margin-top: 8px;
    }
    .ul_list06 ul li a {}
    .ul_list06 ul li img {
        float: left;
        width: 46px;
    }
    .ul_list06 ul li em {
        height: 46px;
        padding: 0 5px;
    }
    .ul_list06 .btnMore {
        display: block;
        height: 30px;
        margin-top: 16px;
        background-color: #fff;
        border: 1px solid #dcdcdc;
        text-align: center;
    }
    .ul_list06 .btnMore span {
        display: inline-block;
        height: 30px;
        padding: 0 16px;
        background: url(/mecsumai/img/common/ico_arrow10_sp.png) right center no-repeat;
        background-size: 8px 5px;
        font-size: 10px;
        color: #333;
        line-height: 3.1;
    }
    .ul_list08 {
        margin-left: -22px;
    }
    .ul_list08 li {
        float: left;
        width: 50%;
        margin-bottom: 40px;
        padding-left: 22px;
    }
    .ul_list08 li img {
        width: 100%;
        height: auto;
        margin-bottom: 8px;
    }
    .ul_list08 li em {
        margin-bottom: 5px;
        font-size: 12px;
        font-weight: bold;
        line-height: 1.4;
    }
    .ul_list08 li a:hover em {
        color: inherit;
        text-decoration: none;
    }
    .ul_list08 li .detail {
        display: none;
    }
    .ul_list08 li .tag {
        float: none;
        font-size: 10px;
        font-weight: bold;
    }
    .ul_list08 li .date {
        float: none;
    }
    .ul_list09 {
        margin-left: 0;
    }
    .ul_list09 li {
        float: none;
        width: auto;
        margin-left: 0;
        margin-bottom: 12px;
    }
    .ul_list09 li.last {
        margin-bottom: 0;
    }
    .ul_list09 li a {
        display: block;
        overflow: hidden;
    }
    .ul_list09 li img {
        width: 137px;
        height: auto;
        margin-right: 8px;
        margin-bottom: 0;
    }
    .ul_list09 li p {
        margin-bottom: 0;
    }
    .ul_article01 {
        margin-left: 0;
    }
    .ul_article01 li {
        float: left;
        width: 50%;
        padding-left: 0;
    }
    .ul_article01 li .image {
        padding: 0 12px;
    }
    .ul_article01 li .image img {
        display: block;
        width: 100%;
        height: auto;
        margin: 0 auto 5px;
    }
    .ul_article01 li a {
        display: block;
        padding: 0 11px 11px;
        line-height: 1.5;
    }
    .ul_article01 li a:hover {
        color: inherit;
        text-decoration: none
    }
    .ul_article02 {
        margin-left: 0;
    }
    .ul_article02 li {
        float: none;
        width: auto;
        padding-left: 0;
        margin-bottom: 12px;
        font-size: 10px;
    }
    .ul_article02 li a {
        overflow: hidden;
    }
    .ul_article02 li img {
        float: left;
        width: 100px;
        margin-right: 8px;
    }
    .ul_article02 li em {
        margin: 0 0 8px;
        font-size: 12px;
    }
    .ul_article03 {}
    .ul_article03 .ul_basic02 li {
        padding-left: 15px;
    }
    .ul_article03 li .image {
        width: 100px;
        margin-right: 10px;
    }
    .ul_article03 li .ftBox em {
        font-size: 14px;
        margin-bottom: 2px;
    }
    .ul_article03 li .ftBox p {
        font-size: 12px;
    }
    .ul_article03 li .ftBox a {
        margin-top: 5px;
    }
    .ul_searchLink01 {
        margin-top: 0;
        overflow: hidden;
    }
    .ul_searchLink01 li {
        display: block;
        float: left;
        width: 33.33%;
        padding: 0;
        margin-top: 5px;
        border-right: 1px solid #ddd;
        border-left: 0;
        box-sizing: border-box;
    }
    .ul_searchLink01 li.last,
    .ul_searchLink01 li:nth-child(3n) {
        border-right: 0;
    }
    .ul_searchLink01 li a {
        display: block;
        padding: 3px 0;
        box-sizing: border-box;
    }
}


/* !検索結果モジュール
---------------------------------------------------------- */

.ul_search01 {
    margin: 13px 0 0;
}

.ul_search01 li {
    position: relative;
    padding: 30px 0 50px;
    border-top: 3px solid #00713A;
    overflow: hidden;
}

.ul_search01 li:last-child {
    padding-bottom: 30px;
}

.ul_search01 li.new .image::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    top: 0;
    left: 0;
    width: 56px;
    height: 56px;
    background: url(/mecsumai/img/common/new-label.png) no-repeat 0 0;
    background-size: 100%;
    z-index: 2;
}

.ul_search01 li .title {
    float: right;
    position: relative;
    width: calc(100% - 330px);
}

.ul_search01 li .title .rank {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    padding: 2px 10px 0;
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    line-height: 28px;
    background: #006e38;
}

.ul_search01 li .title p {
    width: calc(100% - 160px);
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
}

.ul_search01 li .title .rank+p {
    padding-left: 65px;
    box-sizing: border-box;
}

.ul_search01 li .title p a {
    color: #333333;
}

.ul_search01 li .title p a:hover {
    color: #00703C;
}

.ul_search01 li .title p .category {
    display: inline-block;
    margin: 0 0 0 10px;
    padding: 2px 5px 0;
    border: 1px solid #000000;
    vertical-align: middle;
    font-size: 12px;
    line-height: 16px;
}

.ul_search01 li .title p .category+.category {
    margin: 0 0 0 3px;
}

.ul_search01 li .title p .category.ho-cate01 {
    border-color: #A0813D;
    color: #A0813D;
}

.ul_search01 li .title p .category.ho-cate02 {
    border-color: #00703C;
    color: #00703C;
}

.ul_search01 li .title p .category.ho-cate03 {
    border-color: #016598;
    color: #016598;
}

.ul_search01 li .title p .category.ho-cate04 {
    border-color: #AF2C30;
    color: #AF2C30;
}

.ul_search01 li .title .check {
    position: absolute;
    top: 0;
    right: 0;
}

.ul_search01 li .title .check [type="checkbox"] {
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
}

.ul_search01 li .title .check label {
    display: block;
    position: relative;
    padding: 0 44px 0 0;
    text-align: right;
    color: #00703C;
    font-size: 11px;
    line-height: 26px;
}

.ul_search01 li .title .check label::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    right: 32px;
    width: 5px;
    height: 25px;
    margin: 0 0 0 7px;
    vertical-align: top;
    background: url(/mecsumai/img/search/arrow.png) no-repeat 0 center;
}

.ul_search01 li .title .check label::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 26px;
    height: 26px;
    background: url(/mecsumai/img/search/bg_check.png) no-repeat 0 0;
}

.ul_search01 li .title .check :checked+label::after {
    background-position: 0 -26px;
}

.ul_search01 li .image {
    float: left;
    position: relative;
    width: 300px;
    height: 300px;
    text-align: center;
    font-size: 0;
}

.ul_search01 li .image img {
    width: 100%;
    height: auto;
}

.ul_search01 li .image img:hover {
    opacity: 0.8;
}

.ul_search01 li .texts {
    float: right;
    width: calc(100% - 330px);
}

.ul_search01 li .introduction {
    width: calc(100% - 140px);
    margin: 10px 0 0;
    color: #A0813D;
    font-size: 15px;
    font-weight: bold;
    line-height: 20px;
}

@media screen and (min-width: 768px) {
    .ul_search01.favorites li .introduction {
        width: calc(100% - 160px);
    }
}

.ul_search01 li .favorite a {
    display: block;
    position: absolute;
    top: 62px;
    right: 0;
    padding: 1px 44px 0 0;
    text-align: right;
    color: #00703C;
    font-size: 11px;
    line-height: 20px;
}

.ul_search01 li .favorite a::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    right: 32px;
    width: 5px;
    height: 20px;
    margin: 0 0 0 7px;
    vertical-align: top;
    background: url(/mecsumai/img/search/arrow.png) no-repeat 0 center;
}

.ul_search01 li .favorite a::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    right: 3px;
    width: 20px;
    height: 20px;
    vertical-align: top;
    background: url(/mecsumai/img/search/ico_favorite.png) no-repeat 0 0;
}

.ul_search01.favorites li .favorite a::after {
    top: 4px;
    right: 7px;
    width: 12px;
    height: 12px;
    vertical-align: top;
    background: url(/mecsumai/img/common/ico_cross01.png) no-repeat 0 0;
}

.ul_search01 li table.onlyPCTB {
    float: right;
    width: calc(100% - 330px);
    margin: 28px 0 0;
    border-collapse: collapse;
    table-layout: fixed;
}

@media (min-width: 768px) {
    display: table !important;
}

.ul_search01 li table.onlyPCTB tr th {
    width: 78px;
    height: 66px;
    padding: 0 0 0 14px;
    border-bottom: 2px solid #FFFFFF;
    box-sizing: border-box;
    text-align: left;
    font-size: 12px;
    line-height: 18px;
    vertical-align: middle;
    background-color: #EEEEEE;
}

.ul_search01 li table.onlyPCTB tr td {
    padding: 0 0 0 12px;
    box-sizing: border-box;
    text-align: left;
    vertical-align: middle;
    font-size: 14px;
    line-height: 20px;
    word-break: break-all;
}

.ul_search01 li table.onlyPCTB tr td:nth-of-type(1) {
    width: 230px;
    padding-right: 12px;
}

@media (min-width: 911px) and (max-width: 1000px) {
    .ul_search01 li table.onlyPCTB tr td:nth-of-type(1) {
        width: 180px;
    }
}

@media (max-width: 910px) {
    .ul_search01 li table.onlyPCTB tr td:nth-of-type(1) {
        width: 40%;
    }
    .ul_search01 li table.onlyPCTB tr td:nth-of-type(2) {
        width: 40%;
    }
}

.ul_search01 li table.onlyPCTB tr td.bold {
    font-weight: bold;
}

.ul_search01 li table.onlyPCTB tr td span {
    display: inline-block;
    position: relative;
    overflow: hidden;
    padding-top: 3px;
}

.ul_search01 li p.reomveLink {
    clear: both;
    text-align: right;
}

.ul_search01 li p.reomveLink .link_type03 {
    display: inline-block;
    color: #666;
    font-size: 12px;
    padding-left: 10px;
    margin-top: 7px;
    background: transparent url(/mecsumai/img/common/btn_remove01.png) center left no-repeat;
}

.ul_search01 li p.reomveLink .link_type03:hover {
    color: #00703C;
}

.ul_search01 li .buttons {
    float: right;
    width: calc(100% - 322px);
    margin: 20px 0 0;
    overflow: hidden;
}

.ul_search01 li .buttons a {
    float: left;
    width: calc(33.33% - 8px);
    margin: 0 0 0 8px;
}

@media (max-width: 910px) {
    .ul_search01 li .title {
        width: calc(100% - 200px);
    }
    .ul_search01 li .title p {
        width: calc(100% - 50px);
        font-size: 18px;
    }
    .ul_search01 li .title .check label {
        font-size: 0;
    }
    .ul_search01 li .title .check label::before {
        display: none;
    }
    .ul_search01 li .image {
        width: 171px;
        height: 171px;
        line-height: 171px;
    }
    .ul_search01 li .texts {
        width: calc(100% - 200px);
    }
    .ul_search01 li .introduction {
        width: 100%;
    }
    .ul_search01 li .favorite a {
        position: relative;
        top: auto;
        right: auto;
        width: 90px;
        margin: 15px 0 0;
        text-align: left;
    }
    .ul_search01.favorites li .favorite a {
        width: 110px;
    }
    .ul_search01 li table.onlyPCTB {
        width: 100%;
        margin: 20px 0 0;
    }
    .ul_search01 li .buttons {
        width: calc(100% + 10px);
        margin: 20px 0 0 -10px;
    }
    .ul_search01 li .buttons a {
        float: left;
        width: calc(33.33% - 10px);
        margin: 0 0 0 10px;
        height: 60px;
        line-height: 56px;
    }
}

@media (max-width: 767px) {
    .ul_search01 li {
        padding: 15px 0 25px;
    }
    .ul_search01 li.new .image::before {
        width: 43px;
        height: 43px;
    }
    .ul_search01 li .title {
        float: none;
        width: 100%;
        margin: 0 0 10px;
    }
    .ul_search01 li .title .rank {
        padding: 2px 8px 0;
        font-size: 14px;
        line-height: 18px;
    }
    .ul_search01 li .title p {
        font-size: 14px;
        line-height: 20px;
    }
    .ul_search01 li .title .rank+p {
        padding-left: 50px;
    }
    .ul_search01 li .title .category {
        margin: 0 0 0 10px;
        padding: 1px 5px 0;
        font-size: 9px;
        line-height: 12px;
    }
    .ul_search01 li .title .check {}
    .ul_search01 li .title .check label {
        transform: scale(0.8846);
        transform-origin: right top;
    }
    .ul_search01 li .image {
        width: 120px;
        height: 120px;
        margin: 0 0 10px;
        line-height: 120px;
    }
    .ul_search01 li .texts {
        position: relative;
        width: calc(100% - 130px);
        min-height: 120px;
    }
    .ul_search01 li .introduction {
        margin: -2px 0 0;
        padding: 0 0 10px;
        font-size: 11px;
        line-height: 17px;
    }
    .ul_search01 li .favorite a {
        position: absolute;
        right: 3px;
        bottom: 0;
        width: 110px;
        padding: 1px 0 0;
        text-align: left;
        font-size: 10px;
        line-height: 14px;
        box-sizing: border-box;
    }
    .ul_search01.favorites li .favorite a {
        width: 130px;
    }
    .ul_search01 li .favorite a::before {
        right: 20px;
        width: 4px;
        height: 15px;
        margin: 0 0 0 5px;
        background-size: 4px auto;
    }
    .ul_search01 li .favorite a::after {
        right: 0;
        width: 15px;
        height: 15px;
        background-size: cover;
    }
    .ul_search01.favorites li .favorite a::after {
        top: 2px;
        right: 3px;
        width: 10px;
        height: 10px;
        background-size: cover;
    }
    .ul_search01 li table.onlySP {
        display: table !important;
        clear: both;
        width: 100%;
        border-collapse: collapse;
    }
    .ul_search01 li table.onlySP tr th {
        width: 62px;
        margin: 0 0 1px;
        padding: 14px 0 14px 5px;
        border-bottom: 2px solid #FFFFFF;
        text-align: left;
        vertical-align: middle;
        font-size: 12px;
        line-height: 14px;
        background-color: #EEEEEE;
    }
    .ul_search01 li table.onlySP tr td {
        width: calc(100% - 62px);
        padding: 0 0 0 10px;
        text-align: left;
        vertical-align: middle;
        font-size: 12px;
        line-height: 14px;
        word-break: break-all;
    }
    .ul_search01 li table.onlySP tr td.bold {
        font-weight: bold;
    }
    .ul_search01 li table.onlySP tr td span {
        display: inline-block;
        position: relative;
        overflow: hidden;
        padding-top: 1px;
    }
    .ul_search01 li .buttons {
        width: calc(100% + 3px);
        margin: 10px 0 0 -3px;
    }
    .ul_search01 li .buttons a {
        float: left;
        width: calc(33.33% - 3px);
        margin: 0 0 0 3px;
        height: 40px;
        line-height: 38px;
    }
}

@media (min-width: 768px) {
    .area-selecter {
        position: relative;
    }
}

@media (min-width: 768px) and (max-width: 1040px) {
    .area-selecter1 {
        padding: 54px 0 10px !important;
    }
}

@media (min-width: 768px) {
    .area-selecter2 {
        margin: -25px -39px 0;
    }
    .area-selecter2+.block {
        margin-top: 0 !important;
    }
    .area-selecter .head {
        height: 41px;
    }
    .area-selecter2 .head {
        padding: 0 0 0 230px !important;
    }
    .area-selecter .head .area {
        display: inline-block;
        padding: 0 30px 0 0;
        vertical-align: top;
        font-size: 14px;
        font-weight: bold;
        line-height: 25px;
    }
    .area-selecter .head .toggle {
        display: inline-block;
        position: relative;
        padding: 2px 20px 0 10px;
        border: 1px solid #DCDCDC;
        font-size: 12px;
        line-height: 21px;
        cursor: pointer;
    }
    .area-selecter .head .toggle::before {
        content: "";
        position: absolute;
        top: 10px;
        right: 7px;
        border-top: 5px solid #00703C;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-bottom: none;
    }
    .area-selecter .head .toggle::after {
        content: "";
        position: absolute;
        top: 27px;
        left: calc(50% - 10px);
        border-bottom: 13px solid #EEEEEE;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: none;
        opacity: 0;
        transition: opacity 300ms;
    }
    .area-selecter.opened .head .toggle::before {
        transform: rotate(180deg);
        transform-origin: center center;
    }
    .area-selecter.opened .head .toggle::after {
        opacity: 1;
    }
    .area-selecter .body {
        display: none;
        position: relative;
        margin: 0 0 18px;
        background-color: #EEEEEE;
    }
    .area-selecter1 .body {
        border-bottom: 1px solid #DDDDDD;
    }
    .area-selecter .body .inner {
        max-width: 896px;
        margin: 0 auto;
        padding: 24px 20px 0;
        overflow: hidden;
    }
    .area-selecter .body .inner a {
        display: inline-block;
        position: relative;
        padding: 0 15px 0 0;
        font-size: 14px;
        font-weight: bold;
    }
    .area-selecter .body .inner a::after {
        content: "";
        position: absolute;
        top: calc(50% - 4px);
        right: 0;
        border-left: 5px solid #00703C;
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        border-right: none;
    }
    .area-selecter .body .inner>div>a,
    .area-selecter .body .inner>.other>div>a {
        font-size: 16px;
    }
    .area-selecter .body .inner .wards {
        display: block;
        padding: 0 0 0 20px;
        color: #999999;
        font-size: 12px;
        line-height: 22px;
    }
    .area-selecter .body .inner .tokyo {
        float: left;
        width: calc(100% - 186px);
    }
    .area-selecter .body .inner .tokyo ul {
        padding: 7px 0 10px 22px;
        overflow: hidden;
    }
    .area-selecter .body .inner .tokyo ul li {
        float: left;
        width: 33.33%;
        padding: 0 25px 10px 0;
        box-sizing: border-box;
    }
    .area-selecter .body .inner .tokyo ul li:nth-child(3n+1) {
        clear: both;
    }
    .area-selecter .body .inner .tokyo-other {
        float: right;
        width: 186px;
        overflow: hidden;
    }
    .area-selecter .body .inner .other {
        clear: both;
        padding: 0 0 0 20px;
        overflow: hidden;
    }
    .area-selecter .body .inner .other>div {
        float: left;
        width: calc((100% - 186px) / 3);
        padding: 0 25px 20px 0;
        box-sizing: border-box;
    }
    .area-selecter .body .inner .other>div:nth-child(4) {
        width: 184px;
        padding: 0;
    }
    .area-selecter .body .inner .other>div:nth-child(1)>a {
        transform: translate(-20px, 0);
    }
    .area-selecter .body .inner .other>div ul {}
    .area-selecter .body .close {
        position: absolute;
        left: calc(50% + 442px);
        bottom: 0;
        width: 42px;
        height: 42px;
        padding: 26px 0 0;
        text-align: center;
        color: #FFFFFF;
        font-size: 10px;
        line-height: 1;
        cursor: pointer;
        background-color: #00703C;
        box-sizing: border-box;
    }
    .area-selecter .body .close::before,
    .area-selecter .body .close::after {
        content: "";
        position: absolute;
        top: 13px;
        left: 15px;
        width: 11px;
        height: 1px;
        background-color: #FFFFFF;
        transform: rotate(45deg);
        transform-origin: center center;
    }
    .area-selecter .body .close::after {
        transform: rotate(-45deg);
    }
    .area-selecter .body .close:hover {
        opacity: 0.8;
    }
}

@media (min-width: 768px) and (max-width: 1000px) {
    .area-selecter .body .inner .tokyo {
        float: left;
        width: 100%;
    }
    .area-selecter .body .inner .tokyo-other {
        clear: both;
        float: left;
        width: calc((100% - 20px) / 3 + 20px);
        padding: 0 20px 0 0;
        box-sizing: border-box;
    }
    .area-selecter .body .inner .other {
        clear: none;
        padding: 0;
        overflow: visible;
    }
    .area-selecter .body .inner .other>div,
    .area-selecter .body .inner .other>div:nth-child(4) {
        width: calc(100% / 3 - 7px);
    }
    .area-selecter .body .inner .other>div:nth-child(3) {
        clear: left;
        width: calc(100% / 3 + 14px);
    }
    .area-selecter .body .inner .other>div:nth-child(1)>a {
        transform: none;
    }
    .area-selecter .body .inner .other>div ul {
        padding: 0 0 0 24px;
    }
    .area-selecter .body .close {
        left: auto;
        right: 20px;
    }
}

@media (max-width: 767px) {
    .area-selecter {
        position: relative;
    }
    .area-selecter1 {
        margin: 0 0 9px;
    }
    .area-selecter .head {
        width: auto !important;
        margin: 0 12px;
    }
    .area-selecter2 .head {
        position: absolute;
        top: -37px;
        right: 0;
        margin: 0 !important;
    }
    .area-selecter .head .area {
        display: block;
        padding: 10px 0;
        font-size: 12px;
        font-weight: bold;
        line-height: 18px;
    }
    .area-selecter2 .head .area {
        display: none;
    }
    .area-selecter1 .head .toggle {
        display: block;
        position: relative;
        padding: 2px 0 0;
        border: 1px solid #DCDCDC;
        text-align: center;
        font-size: 12px;
        line-height: 26px;
        cursor: pointer;
        transition: margin 200ms;
    }
    .area-selecter1.opened .head .toggle {
        margin: 0 -25px;
    }
    .area-selecter1 .head .toggle::before {
        content: "";
        position: absolute;
        top: 13px;
        right: 8px;
        border-top: 5px solid #00703C;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-bottom: none;
        transition: right 200ms;
    }
    .area-selecter1 .head .toggle::after {
        content: "";
        position: absolute;
        top: 0;
        right: 23px;
        width: 1px;
        height: 28px;
        background-color: #DCDCDC;
        transition: opacity 200ms;
    }
    .area-selecter1.opened .head .toggle::before {
        right: 33px;
        transform: rotate(180deg);
        transform-origin: center center;
    }
    .area-selecter1.opened .head .toggle::after {
        opacity: 0;
    }
    .area-selecter1 .head .toggle span {
        display: none;
    }
    .area-selecter2 .head .toggle {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 123px;
        padding: 2px 0 0 13px;
        text-align: left;
        font-size: 12px;
        line-height: 34px;
        cursor: pointer;
    }
    .area-selecter2 .head .toggle::before {
        content: "";
        position: absolute;
        top: 16px;
        right: 12px;
        border-top: 5px solid #00703C;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-bottom: none;
        transition: right 200ms;
    }
    .area-selecter2 .head .toggle::after {
        content: "";
        position: absolute;
        top: 10px;
        left: 0;
        width: 1px;
        height: 18px;
        background-color: #DCDCDC;
    }
    .area-selecter2.opened .head .toggle::before {
        transform: rotate(180deg);
        transform-origin: center center;
    }
    .area-selecter .body {
        display: none;
        position: relative;
        background-color: #EEEEEE;
    }
    .area-selecter .body {
        padding: 0 0 20px;
        border-bottom: 1px solid #DDDDDD;
        box-shadow: 0 1px #FFFFFF;
    }
    .area-selecter .body .inner {
        padding: 30px 12px 0;
        overflow: hidden;
    }
    .area-selecter .body .inner a {
        display: inline-block;
        position: relative;
        padding: 0 15px 0 0;
        font-size: 12px;
        font-weight: bold;
        white-space: nowrap;
        box-sizing: border-box;
    }
    .area-selecter .body .inner a::after {
        content: "";
        position: absolute;
        top: calc(50% - 4px);
        right: 0;
        border-left: 5px solid #00703C;
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        border-right: none;
    }
    .area-selecter .body .inner>div>a,
    .area-selecter .body .inner>.other>div>a {
        font-size: 14px;
    }
    .area-selecter .body .inner>div>a::after,
    .area-selecter .body .inner>.other>div>a::after {
        top: calc(50% - 5px);
    }
    .area-selecter .body .inner .wards {
        display: block;
        padding: 1px 0 0;
        color: #999999;
        font-size: 12px;
        line-height: 19px;
        box-sizing: border-box;
    }
    .area-selecter .body .inner .tokyo ul {
        padding: 15px 0 15px 15px;
        overflow: hidden;
    }
    .area-selecter .body .inner .tokyo ul li {
        padding: 0 0 8px;
        box-sizing: border-box;
        overflow: hidden;
    }
    .area-selecter .body .inner .tokyo ul li a {
        float: left;
    }
    .area-selecter .body .inner .tokyo ul li span {
        float: right;
        width: calc(100% - 80px);
    }
    .area-selecter .body .inner .tokyo-other {
        width: 100%;
        padding: 0 0 20px;
        overflow: hidden;
    }
    .area-selecter .body .inner .tokyo-other a {
        float: left;
        width: 116px;
    }
    .area-selecter .body .inner .tokyo-other span {
        float: right;
        width: calc(100% - 125px);
    }
    .area-selecter .body .inner .other {
        overflow: hidden;
    }
    .area-selecter .body .inner .other>div {
        float: left;
        width: 50%;
        padding: 0 0 20px;
        box-sizing: border-box;
    }
    .area-selecter .body .inner .other>div:nth-child(odd) {
        clear: both;
    }
    .area-selecter .body .inner .other>div:nth-child(odd) .wards {
        padding-right: 20px;
    }
    .area-selecter .body .inner .other>div ul,
    .area-selecter .body .inner .other>div span {
        padding: 0 0 0 13px;
    }
    .area-selecter .body .inner .other>div ul li {
        padding: 10px 0 0;
    }
    .area-selecter .body .inner .other2 {
        padding: 25px 0 0;
        border-top: 1px dotted #DDDDDD;
    }
    .area-selecter .body .inner .other2 ul {
        padding: 20px 0 5px 20px;
        overflow: hidden;
    }
    .area-selecter .body .inner .other2 ul li {
        float: left;
        width: 33.33%;
        height: 30px;
        text-align: center:
    }
    .area-selecter .body .close {
        position: relative;
        width: 93px;
        height: 34px;
        margin: 0 auto;
        padding: 2px 0 0 40px;
        text-align: left;
        color: #FFFFFF;
        font-size: 10px;
        line-height: 32px;
        cursor: pointer;
        background-color: #00703C;
        box-sizing: border-box;
    }
    .area-selecter .body .close::before,
    .area-selecter .body .close::after {
        content: "";
        position: absolute;
        top: 16px;
        left: 24px;
        width: 12px;
        height: 1px;
        background-color: #FFFFFF;
        transform: rotate(45deg);
        transform-origin: center center;
    }
    .area-selecter .body .close::after {
        transform: rotate(-45deg);
    }
}


/* !Table
---------------------------------------------------------- */

.table_basic {}

.table_basic th,
.table_basic td {}

.table_basic th {}

.table_basic td {}

.table_basic th div,
.table_basic td div {}


/* !Section
---------------------------------------------------------- */

.section01 {
    padding: 65px 20px 64px;
}

.section02 {
    padding: 0 0 64px;
}

.section02.bdb {
    border-bottom: 1px solid #ddd;
}

.section02.bdbmb {
    margin-bottom: 64px;
    border-bottom: 1px solid #ddd;
}

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

.section03 {
    padding: 0 20px;
}

@media screen and (min-width: 768px) and (max-width: 1150px) {
    .section01 {
        padding: 48px 16px 55px;
    }
    .section02 {
        padding: 0 0 55px;
    }
    .section02.bdbmb {
        margin-bottom: 55px;
        border-bottom: 1px solid #ddd;
    }
    .section02.bdbIn {
        padding: 0 0 55px;
        margin: 0 20px;
        border-bottom: 1px solid #ddd;
    }
    .section02.wrap {
        padding-bottom: 40px !important;
    }
    .section03 {
        padding: 0 16px;
    }
}

@media screen and (max-width: 767px) {
    .section01 {
        padding: 23px 12px 30px;
    }
    .section02 {
        padding: 0 12px 30px;
    }
    .section02.bdb {
        border-bottom: 1px solid #ddd;
    }
    .section02.bdbmb {
        border-bottom: 1px solid #ddd;
        margin-bottom: 30px;
    }
    .section02.bdbIn {
        padding: 0 0 30px;
        margin: 0 12px;
        border-bottom: 1px solid #ddd;
    }
    .section02.fullSP {
        padding: 0 0 30px;
    }
    .section03 {
        padding: 0 12px;
    }
}


/* !Box
---------------------------------------------------------- */

.box01 {
    margin-bottom: 20px;
    background-color: #f4f4f4;
    padding: 20px 24px 17px;
}

.box02 {
    padding: 24px;
    background: #f6f5ed;
}

.box03 {
    padding: 32px;
    background-color: #f4f4f4;
}

.box03 ul {
    margin-left: -13px;
}

.box03 ul li {
    float: left;
    display: table;
    width: 25%;
    margin-top: 13px;
    padding-left: 13px;
    box-sizing: border-box;
}

.box03 ul li a {
    display: table-cell;
    padding: 13px;
    border: 1px solid #dcdcdc;
    background-color: #fff;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
    vertical-align: middle;
    *zoom: 1;
}

.box03 ul li a:hover,
.box03 ul li a.current {
    border: 1px solid #00703C;
    color: #00703C;
    text-decoration: none;
}

.box04 {
    padding: 30px;
    border: 1px solid #ddd;
}

.box05 {
    margin-top: 23px;
    padding: 19px 32px;
    background-color: #f4f4f4;
}

.box05 span {
    margin: 0 23px 0 0;
}

.box_heading01 {
    margin-bottom: 20px;
    background-color: #f6f5ed;
    padding: 32px;
}

.box_heading02 {
    margin-bottom: 20px;
    padding: 32px;
    border: 1px solid #ddd;
}

.box_heading01 .h2_basic02,
.box_heading02 .h2_basic02,
.box_heading02 .h3_basic02 {
    color: #333;
}

.box_heading02 p.box_heading01_image {
    display: inline;
    float: left;
    margin-right: 16px;
}

.box_heading02 a.btn_register {
    display: block;
    float: left;
    width: 173px;
    height: 40px;
    margin: 13px 8px 0 0;
    background: #00703C;
    text-align: center;
    color: #fff;
    text-decoration: none;
    line-height: 2.8;
}

.box_heading02 a.btn_login {
    display: block;
    float: left;
    width: 171px;
    height: 38px;
    border: 1px solid #dcdcdc;
    margin: 13px 0 0 0;
    background: #fff;
    text-align: center;
    line-height: 2.8;
}

.box_heading02 a.btn_login:hover {
    border: 1px solid #00703C;
    text-decoration: none;
}

.box_heading03 {
    margin-bottom: 20px;
    padding-bottom: 32px;
}

.box_heading03 p.box_heading01_image {
    display: block;
    float: left;
    margin-right: 16px;
}

.box_heading03 p.detail {
    margin-bottom: 12px;
}

.box_heading03 a {
    margin-bottom: 12px;
}

.box_heading03 .box01 {
    display: block;
    width: 520px;
    margin: 0 0 2px 216px;
    background-color: #f4f4f4;
    box-sizing: border-box;
    padding: 16px 22px;
}

.box_heading03 .box01 p {
    font-size: 14px;
    font-weight: bold;
    float: left;
}

.box_heading03 .box01 a {
    margin-bottom: 0px;
}

.box_profile {
    padding: 32px 0px;
}

.box_profile p.box_heading01_image {
    display: block;
    float: left;
    margin-right: 16px;
}

.box_profile dt {
    font-size: 14px;
    font-weight: bold;
}

.box_profile dd {
    font-size: 12px;
}

.box_regist {
    padding: 25px 0;
    background-color: #f6f5ed;
    text-align: center;
}

.box_registBtn {
    display: block;
    width: 355px;
    margin: 0 auto;
}

.box_registBtn.box_registBtn01 {
    width: 173px;
}

.box_regist .box_registBtn a.btn_register {
    display: block;
    float: left;
    width: 173px;
    height: 40px;
    margin: 13px 8px 0 0;
    background: #00703C;
    line-height: 2.8;
    color: #fff;
    text-decoration: none;
}

.box_regist .box_registBtn a.btn_login {
    display: block;
    float: left;
    width: 171px;
    height: 38px;
    border: 1px solid #dcdcdc;
    margin: 13px 0 0 0;
    background: #fff;
    line-height: 2.8;
}

.box_regist .box_registBtn a.btn_login:hover {
    border: 1px solid #00703C;
    text-decoration: none;
}

.box_mailregist .box01 .btn_basic01 {
    margin-left: 20px;
}

@media screen and (min-width: 768px) and (max-width: 1150px) {
    .box01 {
        padding: 25px 26px 17px 24px;
    }
}


/* additional breakpoint */

@media screen and (min-width: 768px) and (max-width: 800px) {
    .box05 {}
    .box05 span {
        display: block;
        margin: 0;
    }
    .box05 .btn_basic01 {
        margin-top: 5px;
    }
}

@media screen and (max-width: 767px) {
    .box01 {
        margin-bottom: 17px;
        padding: 15px 12px 12px;
    }
    .box02 {
        padding: 12px;
    }
    .box03 {
        padding: 15px 12px 12px;
    }
    .box03 ul li {
        float: left;
        width: 50%;
        padding-left: 13px;
        box-sizing: border-box;
    }
    .box03 ul li a {}
    .box04 {
        padding: 15px 12px;
    }
    .box05 {
        padding: 12px;
        margin: 15px 0 0 0;
    }
    .box05 span {
        display: block;
        margin: 0;
    }
    .box05 .btn_basic01 {
        margin-top: 11px;
    }
    .box_heading01 {
        margin-bottom: 20px;
        background-color: #f6f5ed;
        padding: 20px 16px;
    }
    .box_heading02 {
        margin-bottom: 20px;
        padding: 20px 16px;
    }
    .box_heading02 p.box_heading01_image {
        display: none;
        float: none;
    }
    .box_heading02 a.btn_register,
    .box_heading02 a.btn_login {
        height: 32px;
        box-sizing: border-box;
    }
    .box_heading03 {
        margin-bottom: 20px;
        padding-bottom: 0px;
    }
    .box_heading03 p.box_heading01_image {
        display: block;
        float: left;
        margin-right: 10px;
    }
    .box_heading03 p.box_heading01_image img {
        width: 100px;
        height: 60px;
        padding-bottom: 30px;
    }
    .box_heading03 p.detail {
        margin-bottom: 12px;
        margin-left: 110px;
    }
    .box_heading03 a.link_detail {
        display: none;
    }
    .box_heading03 .box01 {
        clear: both;
        display: block;
        width: 100%;
        margin: 0 0 2px 0;
        background-color: #f4f4f4;
        padding: 10px 0 7px;
        text-align: center;
    }
    .box_heading03 .box01 p {
        font-size: 12px;
        font-weight: bold;
        float: none;
        margin: 0 auto 2px auto;
        text-align: center;
    }
    .box_heading03 .box01 a.flR {
        float: none;
        display: inline-block;
        font-size: 10px;
        margin: 0 auto;
        text-align: center;
    }
    .box_profile {
        margin-bottom: 20px;
        padding: 0;
    }
    .box_profile p.box_heading01_image {
        margin-right: 8px;
    }
    .box_profile p.box_heading01_image img {
        width: 56px;
        height: 56px;
    }
    .box_profile dl {
        display: block;
    }
    .box_profile dl dt {
        display: block;
        font-size: 12px;
    }
    .box_profile dl dd {
        font-size: 10px;
        display: block;
        margin-left: 64px;
    }
    .box_regist {
        padding: 25px 12px;
    }
    .box_registBtn,
    .box_registBtn.box_registBtn01 {
        display: inline-block;
        width: 100%;
        margin: 0 auto;
    }
    .box_regist .box_registBtn a.btn_register,
    .box_regist .box_registBtn a.btn_login {
        width: 48%;
        height: 32px;
        margin-right: 1%;
        box-sizing: border-box;
    }
    .box_regist .box_registBtn a.btn_login {
        margin-right: 0;
        margin-left: 1%;
    }
    .box_regist .box_registBtn.box_registBtn01 a.btn_register,
    .box_regist .box_registBtn.box_registBtn01 a.btn_login {
        float: none;
        padding-right: 10px;
        padding-left: 10px;
        width: auto;
    }
    .box_mailregist .box01 p.flL {
        line-height: 2;
    }
    .box_mailregist .box01 .btn_basic01 {
        margin: 0;
    }
}


/* !Scroll
---------------------------------------------------------- */

.listScroll01 {
    position: relative;
    height: 178px;
    padding-right: 25px;
    overflow: hidden;
}

.nicescroll-rails,
.listScroll01 .nicescroll-rails {
    background: url(/mecsumai/img/common/bg_scroll01.png) 0 0 repeat-y !important;
}

.listScroll01 .btnMore {
    display: none;
}

@media screen and (max-width: 767px) {
    .listScroll01 {
        height: auto;
        padding-right: 0;
    }
    .listScroll01 .btnMore {
        display: block;
        height: 30px;
        margin-top: 16px;
        background-color: #fff;
        border: 1px solid #dcdcdc;
        text-align: center;
    }
    .listScroll01 .btnMore span {
        display: inline-block;
        height: 30px;
        padding: 0 16px;
        background: url(/mecsumai/img/common/ico_arrow10_sp.png) right center no-repeat;
        background-size: 8px 5px;
        font-size: 10px;
        color: #333;
        line-height: 3.1;
    }
}


/* !Icon
---------------------------------------------------------- */

.ico_blank01,
.ico_blank02 {
    display: inline-block;
    padding-right: 14px;
    background: url(/mecsumai/img/common/ico_blank02.png) 100% 7px no-repeat;
}

.ico_blank02 {
    background: url(/mecsumai/img/common/ico_blank03.png) 100% 7px no-repeat;
}

.ico_arrow01 {
    display: inline-block;
    padding-right: 14px;
    background: url(/mecsumai/img/common/ico_arrow12.png) center right no-repeat;
}

@media screen and (max-width: 767px) {
    .ico_blank01,
    .ico_blank02 {
        display: inline-block;
        padding-right: 13px;
        background: url(/mecsumai/img/common/ico_blank02_sp.png) 100% 4px no-repeat;
        background-size: 11px 9px;
    }
    .ico_blank02 {
        background: url(/mecsumai/img/common/ico_blank03_sp.png) 100% 4px no-repeat;
        background-size: 11px 9px;
        letter-spacing: -1.3px;
    }
}


/* !Button
---------------------------------------------------------- */

.btn_basic01,
.btn_basic02,
.btn_basic03,
.btn_basic09,
.btn_blank01,
.btn_pdf01 {
    display: inline-block;
    padding: 6px 22px 6px 15px;
    border: 1px solid #dcdcdc;
    background: url(/mecsumai/img/common/ico_arrow03.png) #fff right center no-repeat;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    color: #333;
    line-height: 1;
    text-align: center;
    text-decoration: none;
}

.btn_basic01:hover,
.btn_basic01:active,
.btn_basic02:hover,
.btn_basic02:active,
.btn_blank01:hover,
.btn_blank01:active,
.btn_pdf01:hover,
.btn_pdf01:active {
    color: #00703C;
    border: 1px solid #00703C;
    text-decoration: none;
}

.btn_basic01 span {
    padding-right: 5px;
}

.btn_basic02 {
    padding-right: 30px;
    margin-left: 20px;
}

.btn_basic03 {
    padding: 6px 10px 6px 25px;
    background: url(/mecsumai/img/common/ico_arrow14.png) #fff 5px center no-repeat;
}

.btn_basic04,
.btn_basic05 {
    display: block;
    width: 240px;
    height: 40px;
    background: #00703C;
    border: 1px solid #00703C;
    box-sizing: border-box;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 14px;
    color: #fff;
    line-height: 2.8;
    text-align: center;
    text-decoration: none;
}

.btn_basic04.disabled,
.btn_basic04.disabled:hover {
    background: #ccc;
    border: 1px solid #ccc;
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.btn_basic04:hover,
.btn_basic04:active {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    color: #fff;
    text-decoration: none;
}

.btn_basic05 {
    display: block;
    background-color: #fff;
    border: 1px solid #dcdcdc;
    color: #333;
}

.btn_basic05:hover,
.btn_basic05:active {
    border: 1px solid #00703C;
    color: #00703C;
    text-decoration: none;
}

.btn_basic06,
.btn_basic07 {
    display: inline-block;
    box-sizing: border-box;
    border: 1px solid #00703C;
    width: auto;
    height: 40px;
    padding-left: 35px;
    padding-right: 35px;
    background-color: #00703C;
    font-size: 14px;
    color: #fff;
    line-height: 2.8;
    text-align: center;
}

.btn_basic06:hover {
    color: #fff;
    background-color: #359162;
    border: 1px solid #359162;
    text-decoration: none;
}

.btn_basic07 {
    background-color: #fff;
    border: 1px solid #dedede;
    color: #333;
}

.btn_basic07:hover {
    color: #00703C;
    border: 1px solid #00703C;
    text-decoration: none;
}

.btn_basic08 {
    display: inline-block;
    box-sizing: border-box;
    border: 1px solid #dedede;
    width: auto;
    height: 40px;
    padding-left: 74px;
    padding-right: 74px;
    background-color: #fff;
    font-size: 14px;
    color: #333;
    line-height: 2.8;
    text-align: center;
}

.btn_basic08:hover {
    border: 1px solid #00703C;
    text-decoration: none;
}

.btn_basic09 {
    padding: 6px 10px 6px 10px;
    background: none;
    background-color: #fff
}

.btn_blank01 {
    padding: 7px 27px 5px 15px;
    background: url(/mecsumai/img/common/ico_blank01.png) #fff right center no-repeat;
}

.btn_pdf01 {
    padding: 7px 38px 5px 15px;
    background: url(/mecsumai/img/common/ico_pdf01.png) #fff right center no-repeat;
}

.btn_more01 {
    display: block;
    width: 440px;
    padding: 9px 0;
    margin: 0 auto;
    border: 1px solid #dcdcdc;
    background-color: #fff;
    font-size: 14px;
    line-height: 1;
    text-align: center;
}

.btn_more01:hover {
    color: #00703C;
    border: 1px solid #00703C;
    text-decoration: none;
}

.btn_more01 span {
    display: inline-block;
    padding-right: 18px;
    background: url(/mecsumai/img/common/ico_arrow11.gif) right center no-repeat;
}

.btn_map01,
.btn_map02 {
    display: block;
    padding: 10px 18px 9px 12px;
    border: 1px solid #00703C;
    background: url(/mecsumai/img/common/ico_arrow15.png) #fff right center no-repeat;
    font-size: 14px;
    line-height: 1;
}

.btn_map01:hover,
.btn_map02:hover {
    background: url(/mecsumai/img/common/ico_arrow15_on.png) #00703C right center no-repeat;
    color: #fff;
    text-decoration: none;
}

.btn_map02 {
    background: url(/mecsumai/img/common/ico_arrow16.png) #fff right center no-repeat;
}

.btn_map02:hover {
    background: url(/mecsumai/img/common/ico_arrow16_on.png) #00703C right center no-repeat;
}

.box_tooltip {
    display: none;
    position: absolute;
    padding: 8px 12px 10px;
    background: #666;
    font-size: 12px;
    line-height: 1.3;
    color: #fff;
}

.box_tooltip:after {
    position: absolute;
    left: 50%;
    bottom: -7px;
    width: 8px;
    height: 7px;
    margin-left: -4px;
    background: url(/mecsumai/img/common/ico_quote03.png) 0 0 no-repeat;
    content: "";
}

.mapFeature01 .map a.none,
.mapFeature01 .map a.none:hover,
.mapFeature01 .map a.none:active {
    display: block;
    padding: 11px 0 0 13px;
    color: #fff;
    text-decoration: none;
    border: none;
    background: none;
    cursor: text;
}

@media screen and (min-width: 768px) and (max-width: 1150px) {
    .btn_basic04,
    .btn_basic05 {
        font-size: 13px;
        line-height: 3;
    }
}

@media screen and (min-width: 768px) and (max-width: 800px) {
    .btn_blank01 {
        padding: 7px 24px 5px 8px;
    }
}

@media screen and (max-width: 767px) {
    .btn_basic01,
    .btn_basic02,
    .btn_basic03,
    .btn_blank01,
    .btn_pdf01 {
        height: 22px;
        padding: 0 15px 0 12px;
        background: url(/mecsumai/img/common/ico_arrow03_sp.png) #fff right center no-repeat;
        background-size: 10px 7px;
        font-size: 10px;
        color: #333;
        line-height: 2.3;
    }
    .btn_basic02 {
        margin-left: 8px;
        padding-right: 20px;
    }
    .btn_basic03 {
        padding-left: 20px;
        background: url(/mecsumai/img/common/ico_arrow14_sp.png) #fff left center no-repeat;
        background-size: 10px 7px;
    }
    .btn_basic04,
    .btn_basic05 {
        width: auto;
        height: 32px;
        font-size: 12px;
        line-height: 2.6;
    }
    .btn_blank01 {
        padding-right: 25px;
        background: url(/mecsumai/img/common/ico_blank01_sp.png) #fff right center no-repeat;
        background-size: 21px 9px;
    }
    .btn_pdf01 {
        padding-right: 25px;
        background: url(/mecsumai/img/common/ico_pdf01_sp.png) #fff right center no-repeat;
        background-size: 23px 15px;
    }
    .btn_more01 {
        width: auto;
        padding: 8px 0;
        font-size: 12px;
    }
    .btn_more01 span {
        display: inline-block;
        padding-right: 18px;
        background: url(/mecsumai/img/common/ico_arrow11.gif) right center no-repeat;
    }
    .btn_basic06,
    .btn_basic07 {
        height: 40px;
        font-size: 14px;
        line-height: 2.86;
    }
    .btn_basic08 {
        height: 30px;
        padding-left: 36px;
        padding-right: 36px;
        font-size: 12px;
        color: #333;
    }
    .btn_map01,
    .btn_map02 {
        display: block;
        padding: 5px 19px 5px 9px;
        background: url(/mecsumai/img/common/ico_arrow15_sp.png) #fff right center no-repeat;
        background-size: 11px 5px;
        font-size: 11px;
    }
    .btn_map02 {
        background: url(/mecsumai/img/common/ico_arrow16_sp.png) #fff right center no-repeat;
        background-size: 10px 7px;
    }
}


/* !Input
---------------------------------------------------------- */

.input_check01 {
    display: block;
    width: 20px;
    height: 20px;
    overflow: hidden;
    background: url(/mecsumai/img/common/bg_check01.gif) 0 0 no-repeat;
}

.input_check01.checked {
    background-position: 0 -20px;
}

.input_check01 input {
    margin-left: 20px;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.select_basic01 {
    width: 80px;
    height: 22px;
    border: 1px solid #dcdcdc;
    border-radius: 2px;
    background: url(/mecsumai/img/common/ico_arrow14_sp.gif) top right no-repeat;
    background-size: 18px 22px;
    overflow: hidden;
}

.select_basic01 select {
    width: 101px;
    height: 22px;
    padding: 0 8px;
    background: none;
    border: none;
    font-family: inherit;
    font-size: 12px;
    line-height: 1;
    color: #333;
}

.select_basic02 {
    display: inline-block;
    width: 83px;
    height: 31px;
    padding: 1px 0 0;
    border: 1px solid #dcdcdc;
    background: url(/mecsumai/img/common/ico_arrow09.png) #fff top right no-repeat;
    overflow: hidden;
}

.select_basic02 select {
    width: 110px;
    height: 31px;
    padding: 4px 5px;
    background: none;
    border: none;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    line-height: 1;
}

@media screen and (max-width: 767px) {
    .input_check01 {
        width: 20px;
        height: 20px;
        background: url(/mecsumai/img/common/bg_check01_sp.gif) 0 0 no-repeat;
        background-size: 20px 40px;
    }
    .input_check01.checked {
        background-position: 0 -20px;
    }
    .select_basic01 {
        width: 80px;
        height: 22px;
        border: 1px solid #dcdcdc;
        border-radius: 2px;
        background: url(/mecsumai/img/common/ico_arrow14_sp.gif) top right no-repeat;
        background-size: 18px 22px;
        overflow: hidden;
    }
    .select_basic01 select {
        width: 101px;
        height: 22px;
        padding: 0 8px;
        background: none;
        border: none;
        font-family: inherit;
        font-size: 12px;
        line-height: 1;
        color: #333;
    }
    .select_basic02 {
        width: 120px;
        height: 30px;
        border-radius: 2px;
        background: url(/mecsumai/img/common/ico_arrow09_sp.png) #fff top right no-repeat;
        background-size: 21px 30px;
    }
    .select_basic02 select {
        width: 140px;
        height: 30px;
        padding: 0 5px;
        border: none;
    }
}


/* !tag
---------------------------------------------------------- */

.tag01 {
    display: inline-block;
    padding: 1px 15px;
    font-size: 12px;
    line-height: normal;
    color: #d41010;
    background-color: #fff2f2;
    border: 1px solid #ffdada;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .tag01 {
        padding: 1px 10px;
        font-size: 8px;
    }
}


/* !Slider
---------------------------------------------------------- */

#slideProp,
#slideProp-new {
    padding: 0 49px;
    position: relative;
    font-size: 14px;
    line-height: 1.4;
}

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

#slideProp .nextBtn,
#slideProp-new .nextBtn {
    background: url(/mecsumai/img/common/btn_next01.png) #00703C right center no-repeat;
    left: auto;
    right: 0;
}

#slideProp .bx-pager {
    bottom: -20px;
}

#slideProp .slider {}

#slideProp .slider .imgBox {
    display: block;
    width: 184px;
    height: 245px;
    padding: 16px;
    color: #333;
    text-decoration: none;
    box-sizing: content-box;
}

#slideProp .slider .imgBox:hover {
    background-color: #f4f4f4;
    color: #00703C;
    text-decoration: underline;
}

#slideProp .slider .imgBox img {
    width: 184px;
    height: 184px;
    margin-bottom: 15px;
}

#slideProp-new {}

#slideProp-new ul.slider-new {
    overflow: hidden;
}

#slideProp-new ul.slider-new li {
    float: left;
    box-sizing: border-box;
    padding: 0 17px;
    width: 290px;
}

@media screen and (max-width: 767px) {
    #slideProp-new ul.slider-new li {
        padding-left: 0;
        padding-right: 0;
    }
}

#slideProp-new ul.slider-new li a {
    display: block;
}

#slideProp-new ul.slider-new li a img {
    width: 100%;
}

#slideProp-new ul.slider-new li p.sn_title {
    margin-top: 10px;
    min-height: 4.5em;
    font-size: 14px;
    font-weight: bold;
}

#slideProp-new ul.slider-new li div.sn_label {
    overflow: hidden;
    margin-top: 10px;
    padding: 0 5px;
    background-color: #efefef;
    line-height: 1.8;
}

#slideProp-new ul.slider-new li div.sn_label p.snl_date {
    float: right;
    font-size: 10px;
    color: #999;
    line-height: 2.5;
}

#slideProp-new ul.slider-new li div.sn_label p.snl_tag {
    float: left;
    padding-top: 2px;
    font-size: 11px;
    font-weight: bold;
}

#slideProp-new ul.slider-new li div.sn_label p.snl_tag a {
    color: #00703C;
}

#slideBanner {
    position: relative;
    width: 1035px;
    padding: 0 101px 0 102px;
    margin: 0 auto 80px;
}

#slideBanner .bx-wrapper {
    border: 1px solid #dcdcdc;
}

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

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

#slideBanner .slider li a {
    display: block;
    border-left: 1px solid #dcdcdc;
}

#slideBanner .slider li img {
    width: 100%;
}

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

.singleSlide01 {
    position: relative;
    padding: 0 32px;
}

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

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

.singleSlide01 .bx-wrapper li a {
    display: block;
}

.singleSlide01 li a:hover {
    opacity: 0.8;
}

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

.singleSlide01 .slider img {
    width: 100%;
}

@media screen and (min-width: 1151px) and (max-width: 1240px) {
    #slideProp {}
    #slideProp .slider .imgBox {
        width: auto;
        height: auto;
    }
    #slideProp .slider .imgBox img {
        width: 100%;
        height: auto;
    }
    #slideProp .slider .imgBox span {
        display: block;
        min-height: 40px;
    }
    #slideBanner {
        width: auto;
        padding: 0 101px 0 102px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1150px) {
    #slideProp {}
    #slideProp .prevBtn,
    #slideProp .nextBtn {}
    #slideProp .bx-pager,
    #slideProp-new .bx-pager {
        bottom: -34px;
    }
    #slideProp .slider {}
    #slideProp .slider .imgBox {
        width: 142px;
        height: 205px;
        margin: 0 auto;
        padding: 14px 0 0;
    }
    #slideProp .slider .imgBox:hover {
        background-color: transparent;
        color: inherit;
        text-decoration: inherit;
    }
    #slideProp .slider .imgBox img {
        width: 142px;
        height: 142px;
        margin-bottom: 10px;
    }
    #slideBanner {
        width: auto;
        padding: 0 41px 0 43px;
        margin-bottom: 60px;
    }
    #slideBanner .prevBtn,
    #slideBanner .nextBtn {
        width: 49px;
        height: 31px;
        top: 50%;
        left: 16px;
        margin-top: -15px;
        background: url(/mecsumai/img/common/btn_prev01.png) #00703C left center no-repeat;
    }
    #slideBanner .nextBtn {
        left: auto;
        right: 16px;
        background: url(/mecsumai/img/common/btn_next01.png) #00703C right center no-repeat;
    }
    #slideBanner .slider li a {
        margin: 0;
    }
    #slideBanner .slider li a:hover img {
        opacity: 1;
    }
}

@media screen and (max-width: 767px) {
    #slideProp,
    #slideProp-new {
        padding: 0 0 35px;
        font-size: 12px;
        line-height: 1.3;
        font-weight: bold;
    }
    #slideProp .prevBtn,
    #slideProp .nextBtn,
    #slideProp-new .prevBtn,
    #slideProp-new .nextBtn {
        display: block;
        width: 64px;
        height: 24px;
        position: absolute;
        top: auto;
        left: 0;
        bottom: 0;
        background: url(/mecsumai/img/common/btn_prev01_sp.png) #00703C 11px center no-repeat;
        background-size: 7px 11px;
    }
    #slideProp .nextBtn,
    #slideProp-new .nextBtn {
        left: auto;
        right: 0;
        background: url(/mecsumai/img/common/btn_next01_sp.png) #00703C 44px center no-repeat;
        background-size: 7px 11px;
    }
    #slideProp .bx-wrapper .bx-pager,
    #slideProp-new .bx-wrapper .bx-pager {
        bottom: -28px;
    }
    #slideProp .bx-wrapper .bx-pager a,
    #slideProp-new .bx-wrapper .bx-pager a {
        height: 2px;
        width: 20px;
        margin: 0 2px;
        outline: none;
    }
    #slideProp .slider {}
    #slideProp .slider .imgBox {
        display: block;
        width: 100%;
        height: auto;
        padding: 12px;
        box-sizing: border-box;
        border: 1px solid #dcdcdc;
    }
    #slideProp .slider .imgBox:hover {
        background-color: transparent;
        color: inherit;
        text-decoration: inherit;
    }
    #slideBanner .slider li a {}
    #slideBanner .slider li a:hover {
        opacity: 1;
    }
    #slideProp .slider .imgBox .image {
        padding: 0 12px;
    }
    #slideProp .slider .imgBox img {
        width: 100%;
        height: auto;
        margin-bottom: 9px;
    }
    #slideProp .slider li .imgBox span {
        display: block;
        min-height: 30px;
    }
    #slideBanner {
        width: auto;
        padding: 0 0 35px;
        margin-bottom: 43px;
    }
    #slideBanner .bx-wrapper {
        border-left: 0 none;
        border-right: 0 none;
    }
    #slideBanner .prevBtn,
    #slideBanner .nextBtn {
        width: 66px;
        height: 24px;
        position: absolute;
        top: auto;
        left: 12px;
        bottom: 0;
        margin-top: 0;
        background: url(/mecsumai/img/common/btn_prev01_sp.png) #00703C 15px center no-repeat;
        background-size: 7px 11px;
    }
    #slideBanner .nextBtn {
        background: url(/mecsumai/img/common/btn_next01_sp.png) #00703C 44px center no-repeat;
        background-size: 7px 11px;
        left: auto;
        right: 12px;
    }
    #slideBanner .bx-wrapper .bx-pager {
        display: none;
    }
    #slideBanner .slider li a {
        margin: 0;
    }
    #slideBanner .slider li a:hover img {
        opacity: 1;
    }
    .singleSlide01 {
        position: relative;
        padding: 0 0 60px;
    }
    .singleSlide01 .bx-wrapper .bx-pager.bx-default-pager a {
        width: 38px;
    }
    .singleSlide01 .prevBtn,
    .singleSlide01 .nextBtn {
        width: 66px;
        height: 24px;
        position: absolute;
        top: auto;
        left: 12px;
        bottom: 0;
        margin-top: 0;
        background: url(/mecsumai/img/common/btn_prev01_sp.png) #00703C 15px center no-repeat;
        background-size: 7px 11px;
    }
    .singleSlide01 .nextBtn {
        background: url(/mecsumai/img/common/btn_next01_sp.png) #00703C 44px center no-repeat;
        background-size: 7px 11px;
        left: auto;
        right: 12px;
    }
    .singleSlide01 .bx-wrapper .bx-pager {
        bottom: -28px;
    }
    .singleSlide01 .bx-wrapper .bx-pager a {
        height: 2px;
        width: 20px;
        margin: 0 2px;
        outline: none;
    }
}


/* !lNavi Tab
---------------------------------------------------------- */

.lNaviTab01 {
    position: relative;
    display: table;
    width: 100%;
    /*overflow: hidden;*/
    box-sizing: border-box;
    padding: 0 20px 55px;
}

.lNaviTab01 .h1_basic01 {
    display: table-cell;
    margin-bottom: 0;
    padding: 0;
    vertical-align: top;
}

.lNaviTab01 .pulldown {
    /*display: none;*/
    position: absolute;
    right: 20px;
    top: 45px;
    z-index: 50;
}

.lNaviTab01 .pulldown>div {
    position: relative;
    display: inline-block;
    border: 1px solid #ddd;
    padding: 0 30px 0 10px;
    min-width: 6em;
    background-color: #fff;
    font-size: 12px;
}

.lNaviTab01 .pulldown input[type=checkbox] {
    display: none;
}

.lNaviTab01 .pulldown label {
    display: block;
    padding: .1em 0;
    white-space: nowrap;
}

.lNaviTab01 .pulldown label::after {
    position: absolute;
    right: 7px;
    top: 1px;
    content: '▼';
    margin-top: -1px;
    margin-left: 5px;
    border-left: 1px solid #ddd;
    padding: .4em 0 .2em 5px;
    font-size: 10px;
}

.lNaviTab01 .pulldown>div>ul {
    box-sizing: border-box;
    clear: both;
    overflow: hidden;
    height: 0;
    position: absolute;
    left: 0;
    z-index: 100;
    margin: -1000% 0 0;
    width: 100%;
    background-color: #fff;
}

.lNaviTab01 .pulldown input[type=checkbox]:checked+ul {
    margin-top: 0;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    padding: .25em;
    height: 10em;
    overflow-y: scroll;
}

@media screen and (max-width: 767px) {
    .lNaviTab01 .pulldown input[type=checkbox]:checked+ul {
        height: 12em;
    }
}

.lNaviTab01 .pulldown ul li {}

.lNaviTab01 .pulldown ul li a {
    display: block;
    padding-left: 1em;
}

@media screen and (max-width: 767px) {
    .lNaviTab01 .pulldown ul li a {
        padding-top: .25em;
        padding-bottom: .25em;
    }
}

.lNaviTab01 .pulldown ul li a:hover {
    background-color: #006bdd;
    color: #fff;
    text-decoration: none;
}

.lNaviTab01 .pulldown ul li li a {
    padding-left: 2em;
}

.lNaviTab01 .pulldown ul li li li a {
    padding-left: 3em;
}

.lNaviTab01 .pulldown span {
    display: inline-block;
    font-size: 12px;
}

.lNaviTab01 .pulldown span,
.lNaviTab01 .pulldown div.select_basic01 {
    display: inline-block;
    vertical-align: middle;
}

.lNaviTab01 .pulldown span {
    margin-right: .5em;
    font-size: 12px;
}

.lNaviTab01 .tab {
    display: table-cell;
    /* START 「物件を探す」エリア名称 - width変更 */
    width: 521px;
    /* EMD 「物件を探す」エリア名称 - width変更 */
    overflow: hidden;
}

.lNaviTab01 .tab .select_basic01 {
    display: none;
}

.lNaviTab01 .tab ul {
    float: right;
}

.lNaviTab01 .tab ul li {
    float: left;
    border-bottom: 1px solid #ddd;
    text-align: center;
    line-height: 1;
}

.lNaviTab01 .tab ul li.current {
    width: 87px;
    border: 1px solid #ddd;
    border-bottom: 0 none;
    color: #00703C;
    font-weight: bold;
}

.lNaviTab01 .tab ul li.current a {
    width: auto;
    color: #00703C;
}

.lNaviTab01 .tab ul li a {
    display: block;
    padding: 10px 0;
    /* START 「物件を探す」エリア名称 - width修正 */
    width: 72px;
    /* END 「物件を探す」エリア名称 - width修正 */
}


/* START 「物件を探す」エリア名称 - width修正 */

.tab-area ul li:nth-child(2) a,
.tab-area ul li:nth-child(3) a,
.tab-area ul li:nth-child(4) a,
.tab-area ul li:nth-child(5) a,
.tab-area ul li:nth-child(7) a {
    width: 65px;
}

.tab-area ul li:nth-child(6) a {
    width: 100px;
}


/* END 「物件を探す」エリア名称 - width修正 */

@media screen and (min-width: 768px) and (max-width: 1150px) {
    .lNaviTab01 {
        padding: 0 16px 45px;
    }
    /* START 「物件を探す」エリア名称 - スタイル削除対象 */
    /* .lNaviTab01 .tab {
			width: 405px;
		} */
    /* END 「物件を探す」エリア名称 - スタイル削除対象 */
    .lNaviTab01 .tab ul li.current {
        width: 73px;
    }
    /* START 「物件を探す」エリア名称 - スタイル削除対象 */
    /* .lNaviTab01 .tab ul li a {
					width: 72px;
				} */
    /* END 「物件を探す」エリア名称 - スタイル削除対象 */
}

@media screen and (max-width: 767px) {
    .lNaviTab01 {
        display: block;
        width: auto;
        padding: 0 12px 10px;
    }
    .lNaviTab01 .h1_basic01 {
        display: block;
        margin-top: 15px;
    }
    .lNaviTab01 .tab {
        display: none;
    }
    .lNaviTab01 .pulldown {
        position: static;
        right: 10px;
        top: -2px;
        display: block;
        float: right;
    }
    .lNaviTab01 .pulldown+.h1_basic01 {
        overflow: hidden;
        padding-right: 1em;
    }
    .lNaviTab01 .pulldown .select_basic01 {
        display: block;
        float: right;
    }
}


/* !Tooltip
---------------------------------------------------------- */

.toolTip01 {
    float: right;
    position: relative;
    margin: 0 0 13px;
    padding: 11px 30px 9px 52px;
    background: url(/mecsumai/img/search/list/ico_tick01.gif) #d6f1e3 36px center no-repeat;
    font-size: 14px;
    color: #333;
    line-height: 1;
}

.toolTip01:before {
    position: absolute;
    right: 8px;
    bottom: -10px;
    border-top: 10px solid #D6F1E3;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: none;
    content: "";
}

.toolTip01+* {
    clear: both;
}

@media screen and (max-width: 767px) {
    .toolTip01 {
        padding: 11px 15px 9px 37px;
        font-size: 12px;
        background-position: 21px center;
    }
}

@media screen and (max-width: 610px) {
    .toolTip01 {
        width: 100%;
        padding: 6px 8px 6px 24px;
        background: url(/mecsumai/img/search/list/ico_tick01_sp.gif) #d6f1e3 8px center no-repeat;
        background-size: 12px 11px;
        box-sizing: border-box;
        font-size: 12px;
    }
    .toolTip01:before {
        position: absolute;
        right: 6px;
        bottom: -6px;
        border-top: 6px solid #D6F1E3;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: none;
        content: "";
    }
}

.toolTip02 {
    display: inline-block;
    position: relative;
    padding: 6px 10px 5px 30px;
    background: url(/mecsumai/img/search/list/ico_tick01.gif) #d6f1e3 15px center no-repeat;
    font-size: 14px;
    color: #333;
    line-height: 1;
}

.toolTip02:before {
    position: absolute;
    left: 13px;
    bottom: -6px;
    width: 14px;
    height: 6px;
    background: url(/mecsumai/img/search/list/ico_quote02.png) 0 0 no-repeat;
    content: "";
}

@media screen and (max-width: 767px) {
    .toolTip02 {
        width: 100%;
        padding: 6px 8px 6px 24px;
        background: url(/mecsumai/img/search/list/ico_tick01_sp.gif) #d6f1e3 8px center no-repeat;
        background-size: 12px 11px;
        box-sizing: border-box;
        font-size: 12px;
    }
    .toolTip02:before {
        position: absolute;
        left: 13px;
        bottom: -6px;
        width: 11px;
        height: 6px;
        background: url(/mecsumai/img/search/list/ico_quote02_sp.png) 0 0 no-repeat;
        background-size: 11px 6px;
        content: "";
    }
}


/* !Map and Feautre
---------------------------------------------------------- */

.mapFeature01 {
    overflow: hidden;
}

.mapFeature01 .map {
    position: relative;
    width: 472px;
    float: left;
}

.mapFeature01 .map .title {
    position: absolute;
    top: 20px;
    left: 24px;
    font-family: "Ryumin Regular KL", "Meiryo", "メイリオ";
    font-size: 18px;
    line-height: 1;
}

.mapFeature01 .map img {
    width: 472px;
    height: 396px;
}

.mapFeature01 .feature {
    float: left;
    width: 472px;
    padding-left: 24px;
}

.mapFeature01 .feature .h3_basic01 {
    margin-bottom: 19px;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .mapFeature01 {}
    .mapFeature01 .map {
        display: table-cell;
        float: none;
    }
    .mapFeature01 .feature {
        display: table-cell;
        float: none;
        width: 100%;
        padding-left: 15px;
        box-sizing: border-box;
        vertical-align: top;
    }
    .mapFeature01 .feature .h3_basic01 {
        min-height: 55px;
        margin-bottom: 5px;
    }
    .mapFeature01 .feature .ul_list04 {
        margin: 0;
    }
    .mapFeature01 .feature .ul_list04 li {
        float: none;
        width: auto;
        padding-left: 0;
        margin: 0 0 16px 0;
    }
    .mapFeature01 .feature .ul_list04 li.last {
        margin-bottom: 0;
    }
    .mapFeature01 .ul_list04 li a {
        min-height: 160px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1150px) {
    .mapFeature01 .feature .h3_basic01 {}
}

@media screen and (max-width: 767px) {
    .mapFeature01 {}
    .mapFeature01 .map {
        float: none;
        width: auto;
        margin-right: 0;
    }
    .mapFeature01 .map .title {
        top: 13px;
        left: 12px;
        font-size: 12px;
    }
    .mapFeature01 .map img {
        width: 100%;
        height: auto;
    }
    .mapFeature01 .feature {
        float: none;
        width: auto;
        padding: 12px;
    }
    .mapFeature01 .feature .h3_basic01 {
        margin: 15px 0 15px;
    }
}


/* !QA Accordion
---------------------------------------------------------- */

dl.qa_accordion {
    width: 100%;
    margin: 0 auto 30px;
}

dl.qa_accordion dt {
    margin-top: 8px;
    border: 1px solid #dcdcdc;
    border-collapse: collapse;
    box-sizing: border-box;
    background: url(/mecsumai/img/common/ico_plus.png) right center no-repeat;
}

dl.qa_accordion dt span {
    display: block;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 64px;
    padding-right: 45px;
    background: url(/mecsumai/img/common/ico_q.png) 22px 14px no-repeat;
    color: #333;
    font-size: 16px;
}

dl.qa_accordion dt:hover {
    background-image: url(/mecsumai/img/common/ico_plus_hover.png);
    border: 1px solid #00703C;
    cursor: pointer;
}

dl.qa_accordion dt:hover span {
    background-image: url(/mecsumai/img/common/ico_q_hover.png);
    color: #00703C;
}

dl.qa_accordion dt.open {
    background-image: url(/mecsumai/img/common/ico_minus.png);
}

dl.qa_accordion dd {
    border: 1px solid #dcdcdc;
    border-top: none;
    border-collapse: collapse;
    box-sizing: border-box;
    background-color: #f6f5ed;
    display: none;
}

dl.qa_accordion dd .box {
    display: block;
    background: url(/mecsumai/img/common/ico_a.png) 22px 24px no-repeat;
    padding: 24px 24px 24px 58px;
    color: #333;
    font-size: 14px;
}

dl.qa_accordion dd .box p {
    margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
    dl.qa_accordion dt {
        background: url(/mecsumai/img/common/ico_plus_sp.png) right center no-repeat;
        background-size: 22px 15px;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-tap-highlight-color: transparent;
        /* For some Androids */
    }
    dl.qa_accordion dt span {
        background: url(/mecsumai/img/common/ico_q_sp.png) 8px 14px no-repeat;
        background-size: 12px 14px;
        padding-left: 27px;
        font-size: 14px;
    }
    dl.qa_accordion dt:hover {
        background: url(/mecsumai/img/common/ico_plus_sp.png) right center no-repeat;
        background-size: 22px 15px;
    }
    dl.qa_accordion dt:hover span {
        background: url(/mecsumai/img/common/ico_q_sp.png) 8px 14px no-repeat;
        background-size: 12px 14px;
    }
    dl.qa_accordion dt.open {
        background-image: url(/mecsumai/img/common/ico_minus_sp.png);
    }
    dl.qa_accordion dd .box {
        background: url(/mecsumai/img/common/ico_a_sp.png) 8px 14px no-repeat;
        background-size: 12px 14px;
        padding: 14px 15px 24px 27px;
        font-size: 14px;
    }
    dl.qa_accordion dd .box p {
        margin-bottom: 10px;
    }
}


/* !searchResultList
---------------------------------------------------------- */

dl.areaSelectList01 {
    display: block;
    width: 100%;
}

dl.areaSelectList01 input[type='checkbox'] {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    position: absolute;
}

dl.areaSelectList01 p.checkbox,
dl.areaSelectList01 label.checkbox {
    position: relative;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    padding: 0 0 0 25px;
    top: 3px;
    /*overflow: hidden;*/
    background: url(/mecsumai/img/common/bg_check01.gif) 0 0 no-repeat;
    cursor: pointer;
}


/*dl.areaSelectList01 label.checkbox:hover{
			color: #00703C;
		}*/

dl.areaSelectList01 label a {
    text-decoration: underline;
}

dl.areaSelectList01 label a:hover {
    text-decoration: none;
}

dl.areaSelectList01 p.checkbox.noBox {
    background: none;
    padding-left: 0;
    cursor: default;
}

dl.areaSelectList01 label.custumchecked {
    background-position: 0 -20px !important;
}

dl.areaSelectList01 dt {
    display: block;
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
    background-color: #f4f4f4;
    padding: 14px 24px;
}

dl.areaSelectList01 dt em {
    color: #999;
    font-size: 11px;
}

dl.areaSelectList01 dd {
    display: block;
    width: 100%;
    font-size: 14px;
    padding: 8px 24px 8px 0;
    margin-left: 10px;
}

dl.areaSelectList01.search_area dd {
    padding: 8px 24px 8px 20px;
    margin-left: 30px;
}

dl.areaSelectList01 label.checkbox em {
    font-weight: bold;
}

dl.areaSelectList01 label.checkbox span {
    color: #999;
    font-size: 11px;
}

dl.areaSelectList01 label.checkbox:hover span {
    /*color: #00703C;*/
    font-size: 11px;
}

dl.areaSelectList01 dd ul li ul {
    display: block;
    width: 100%;
    font-size: 14px;
    margin-left: 30px;
}

dl.areaSelectList01 dd ul li ul li,
dl.areaSelectList01 dd ul.noparent li {
    display: inline-block;
    width: 234px;
    font-size: 14px;
    padding: 4px 4px 4px 0;
    vertical-align: top;
}

dl.areaSelectList01.search_area dd ul li ul li,
dl.areaSelectList01.search_area dd ul.noparent li {
    width: 210px;
    padding: 4px 8px 4px 0;
}

@media screen and (max-width: 767px) {
    dl.areaSelectList01 dt {
        position: relative;
        height: 46px;
    }
    dl.areaSelectList01 dt .areaSelectSPdtl {
        position: absolute;
        display: block;
        left: 0px;
        top: 0px;
        width: 26px;
        height: 24px;
        padding: 10px 6px 10px 10px;
        background-color: #f4f4f4;
    }
    dl.areaSelectList01 dt .areaSelectSPdtr {
        position: absolute;
        display: block;
        left: 40px;
        top: 0px;
        width: 90%;
        overflow: hidden;
        height: 24px;
        line-height: 24px;
        padding: 10px 6px 10px 10px;
    }
    dl.areaSelectList01 dt .areaSelectSPdtr a {
        text-decoration: underline;
    }
    dl.areaSelectList01 dt .areaSelectSPdtr.noBox {
        left: 0;
        width: 100%;
    }
    dl.areaSelectList01 dt input[type='checkbox'] {
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        opacity: 0;
        position: absolute;
    }
    dl.areaSelectList01 dt span span {
        color: #999;
        font-size: 10px;
    }
    dl.areaSelectList01 dt label.checkbox {
        position: relative;
        display: inline-block;
        height: 20px;
        width: 20px;
        line-height: 20px;
        padding: 0 0 0 20px;
        top: 3px;
        overflow: hidden;
        background: url(/mecsumai/img/common/bg_check01_sp.gif) 0 0 no-repeat;
        background-size: 20px 40px;
        cursor: pointer;
    }
    dl.areaSelectList01 label.checkbox span {
        color: #999;
        font-size: 10px;
    }
    dl.areaSelectList01 label.checkbox:hover span {
        font-size: 10px;
    }
    dl.areaSelectList01 dt {
        font-size: 14px;
        line-height: 14px;
        padding-left: 14px;
    }
    dl.areaSelectList01 dd {
        display: block;
        width: 100%;
        font-size: 14px;
        padding: 8px 10px 8px 10px;
        margin-left: 0px;
    }
    dl.areaSelectList01 dd label.checkbox {
        padding: 0 0 0 37px;
    }
    dl.areaSelectList01 dd ul {
        font-size: 12px;
        padding: 0;
        border-bottom: 1px solid #ddd;
    }
    dl.areaSelectList01 dd ul ul {
        border-bottom: none;
    }
    dl.areaSelectList01 dd ul li {
        display: block;
        width: 100%;
        overflow: hidden;
        font-size: 14px;
        font-weight: bold;
        padding: 9px 0 0 0;
        border-bottom: 1px solid #ddd;
    }
    dl.areaSelectList01 dd ul li.last {
        border-bottom: none;
    }
    dl.areaSelectList01 dd ul li label.checkbox {
        display: inline-block;
        width: 100%;
        overflow: hidden;
        font-size: 12px;
        margin: 0px 9px 0px 17px;
        background: url(/mecsumai/img/common/bg_check01_sp.gif) 0 0 no-repeat;
        background-size: 20px 40px;
    }
    dl.areaSelectList01 dd ul.noparent li label.checkbox {
        margin: 0px 9px 0px 9px;
    }
    dl.areaSelectList01 dd ul li ul {
        display: inline-block;
        overflow: hidden;
        padding: 9px 0 0 0;
        margin-left: 0;
    }
    dl.areaSelectList01 dd ul li ul li {
        display: block;
        width: 100%;
        overflow: hidden;
        font-size: 12px;
        font-weight: normal;
        padding: 9px 0px 9px 40px;
        border-bottom: 1px solid #ddd;
        box-sizing: border-box;
    }
    dl.areaSelectList01 dd ul li ul li.first,
    dl.areaSelectList01 dd ul li ul li:first-child {
        border-top: 1px solid #ddd;
    }
    dl.areaSelectList01 dd ul li.custumchecked {
        color: #00703C;
        background: #d6f0e3;
    }
    dl.areaSelectList01 dd ul.noparent {
        border-bottom: 1px solid #ddd;
    }
    dl.areaSelectList01 dd ul.noparent li {
        display: block;
        width: 100%;
        padding: 9px 8px;
        box-sizing: border-box;
    }
}


/* !tab
---------------------------------------------------------- */

.tab_block {
    position: relative;
}

ul.tab {
    list-style: none;
    z-index: 2;
    margin-left: 16px;
}

ul.tab li {
    position: relative;
    float: left;
    margin-right: 4px;
    padding: 7px 10px;
    border: 1px solid #ddd;
    background-color: #fff;
    cursor: pointer;
    z-index: 2;
    font-size: 14px;
}

ul.tab li.active {
    border-bottom: 1px solid #fff;
    background-color: #fff;
    color: #00703c;
    font-weight: bold;
}

div.tabContent {
    position: relative;
    top: -1px;
    background-color: #fff;
    clear: both;
    border: 1px solid #ddd;
    padding: 20px;
    display: none;
    z-index: 1;
}

div.active {
    display: block;
}


/* !tab & accordion
---------------------------------------------------------- */

.tab_block02 {
    padding: 0 15px;
    border-bottom: 1px solid #ddd;
}

.tab_block02 .pulldown {
    display: none;
}

.tab_block02 ul.tab02 {}

.tab_block02 ul.tab02 li {
    display: table-cell;
    font-size: 12px;
}

.tab_block02 ul.tab02 li a {
    margin: 0 4px -1px 0;
    border: 1px solid #ddd;
    display: block;
    padding: 10px 18px;
    text-align: center;
    line-height: 17px;
}

.tab_block02 ul.tab02 li.last a {
    margin-right: 0;
}

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

@media screen and (min-width: 768px) and (max-width: 1150px) {
    .tab_block02 ul.tab02 li {}
    .tab_block02 ul.tab02 li a {
        padding: 9px 8px;
        font-size: 12px;
    }
}

dl.qa_accordion02 {
    width: 100%;
    margin: 0 auto 30px;
}

dl.qa_accordion02 dt {
    border: 1px solid #dcdcdc;
    border-collapse: collapse;
    box-sizing: border-box;
    background: url(/mecsumai/img/common/ico_plus_sp.png) right center no-repeat;
    background-size: 22px 15px;
}

dl.qa_accordion02 dt span {
    display: block;
    padding-top: 11px;
    padding-bottom: 11px;
    padding-left: 20px;
    padding-right: 20px;
    color: #333;
    padding-left: 20px;
    font-size: 12px;
}

dl.qa_accordion02 dt:hover {
    background: url(/mecsumai/img/common/ico_plus_sp.png) right center no-repeat;
    background-size: 22px 15px;
    border: 1px solid #00703C;
    cursor: pointer;
}

dl.qa_accordion02 dt:hover span {
    color: #00703C;
}

dl.qa_accordion02 dt.open {
    background-image: url(/mecsumai/img/common/ico_minus_sp.png);
}

dl.qa_accordion02 dd {
    border: 1px solid #dcdcdc;
    border-top: none;
    border-bottom: none;
    border-collapse: collapse;
    box-sizing: border-box;
    display: none;
}

dl.qa_accordion02 dd span {
    display: block;
    padding: 14px 20px 24px 20px;
    color: #333;
    font-size: 12px;
}


/* !tab & accordion
---------------------------------------------------------- */

@media screen and (max-width: 767px) {
    dl.qa_accordion03 {
        width: 100%;
        margin: 0 auto 30px;
    }
    dl.qa_accordion03 dt {
        border: 1px solid #dcdcdc;
        border-collapse: collapse;
        box-sizing: border-box;
        background: url(/mecsumai/img/common/ico_plus_sp.png) right center no-repeat;
        background-size: 22px 15px;
        display: block;
        padding-top: 11px;
        padding-bottom: 11px;
        padding-right: 45px;
        margin-top: 12px;
        color: #333;
        padding-left: 14px;
        font-size: 14px;
    }
    /*dl.qa_accordion03 dt:hover,*/
    dl.qa_accordion03 dt.custumchecked {
        background: url(/mecsumai/img/common/ico_plus_sp.png) right center no-repeat;
        background-size: 22px 15px;
        border: 1px solid #00703C;
        color: #00703C;
        cursor: pointer;
    }
    dl.qa_accordion03 dt.open {
        background-image: url(/mecsumai/img/common/ico_minus_sp.png);
    }
    dl.qa_accordion03 dd {
        border: 1px solid #dcdcdc;
        border-top: none;
        border-bottom: none;
        border-collapse: collapse;
        box-sizing: border-box;
        background-color: #f6f5ed;
        color: #333;
        padding: 0px 0px;
        font-size: 14px;
        display: none;
    }
    dl.areaSelectList01.search_area dd {
        margin-left: 0;
        padding: 0;
    }
    dl.areaSelectList01.search_area dd ul li ul li {
        width: 100%;
        padding: 9px 0px 9px 40px;
    }
    dl.areaSelectList01.search_area dd ul.noparent li {
        width: 100%;
        padding: 9px 8px;
    }
    .tab_block02 {
        padding: 0;
        border-bottom: none;
    }
    .tab_block02 .pulldown {
        display: block;
        height: 30px;
        padding: 18px 40px 0 18px;
        border: 1px solid #ddd;
        background: url(/mecsumai/img/common/ico_arrow18_sp.gif) #fff top right no-repeat;
        background-size: 30px 48px;
        font-size: 12px;
        line-height: 1;
        overflow: hidden;
        font-weight: bold;
        color: #00703C;
        box-sizing: content-box;
    }
    .tab_block02 ul.tab02 {
        display: none;
    }
    .tab_block02 ul.tab02 li {
        display: block;
        background-color: #fff;
        border: 1px solid #ddd;
        border-top: none;
        font-size: 12px;
    }
    .tab_block02 ul.tab02 li.current {
        display: none;
    }
    .tab_block02 ul.tab02 li a {
        margin: 0;
        border: none;
        display: block;
        padding: 18px 18px;
        text-align: left;
        line-height: 1;
    }
    .tab_block02 ul.tab02 li.last a {
        margin-right: 0;
    }
    .tab_block02 ul.tab02 li.current a {
        border-bottom: 1px solid #fff;
    }
}


/* ライトボックス
--------------------------------------------- */

.sectionModuleC {
    min-height: 550px;
}

.sectionModuleC ul li {
    margin-bottom: 10px;
}

html.enable-sp-lightbox {
    overflow: hidden;
}

.module-lighboxOverlay01 {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 190;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
}

.module-lighbox01 {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    padding-top: 40px;
    z-index: 200;
}

.module-lighbox01 .close {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 28px;
    height: 26px;
    background: url(/mecsumai/img/common/ico_close01.png) 0 0 no-repeat;
}

.module-lighbox01 .inner {
    width: 600px;
    background: #fff;
}

.module-lighbox01 .head01 {
    padding: 18px 33px 10px;
    font-size: 18px;
    color: #00703C;
    text-align: center;
    border-bottom: 8px solid #00703C;
}

.module-lighbox01 .body01,
.module-lighbox01 .body02 {
    padding: 25px 33px 32px;
}

.module-lighbox01 .body01 img {
    margin-top: 20px;
}

.module-lighbox01 .body01 .btn_basic04 {
    margin: 24px auto 0;
    font-size: 16px;
    line-height: 2.5;
}

.module-lighbox01 .body02 {
    text-align: left;
}

.module-lighbox01 .body02 .text01 {
    padding-bottom: 15px;
    margin-bottom: 10px;
    border-bottom: 1px solid #dcdcdc;
    text-align: center;
}

.module-lighbox01 .body02 ul {
    overflow: hidden;
    margin-top: 15px;
}

.module-lighbox01 .body02 ul li {
    float: left;
    width: 50%;
}

.module-lighbox01 .body02 ul li input[type='checkbox'] {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    position: absolute;
}

.module-lighbox01 .body02 ul li label.checkbox {
    position: relative;
    display: inline-block;
    height: 20px;
    line-height: 1.4;
    padding: 0 0 0 30px;
    top: 3px;
    overflow: hidden;
    background: url(/mecsumai/img/common/bg_check01.gif) 0 0 no-repeat;
    cursor: pointer;
}

.module-lighbox01 .body02 ul li label.checkbox:hover {
    color: #00703C;
}

.module-lighbox01 .body02 ul li label.custumchecked {
    background-position: 0 -20px;
}

.module-lighbox01 .body02 .textarea {
    width: 100%;
    height: 70px;
    margin-top: 15px;
    padding: 5px 10px;
    border: 1px solid #dcdcdc;
    border-top: 2px solid #dcdcdc;
    border-left: 2px solid #dcdcdc;
    border-radius: 0;
    resize: none;
    box-sizing: border-box;
    overflow: auto;
    font-family: inherit;
    color: inherit;
}

.module-lighbox01 .body02 .textarea.placeholder {
    color: #999;
}

.module-lighbox01 .body02 .btn_basic05 {
    width: 218px;
    margin: 30px auto 0;
}

.module-lighbox01 .inner02 {
    width: 360px;
    padding: 35px;
    background: #fff;
    color: #00703C;
}

.module-lighbox01 .inner02 a.btn_basic05 {
    position: static;
    width: 220px;
    height: 35px;
    margin: 25px auto 0;
    line-height: 2.5;
}

@media screen and (max-width: 767px) {
    .sectionModuleC {
        padding-top: 15px;
    }
    .module-lighbox01 {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding-top: 40px;
        box-sizing: border-box;
        z-index: 200;
    }
    .module-lighbox01 .close {
        display: block;
        position: absolute;
        top: 8px;
        right: 12px;
        width: 26px;
        height: 26px;
        background: url(/mecsumai/img/common/ico_close01_sp.png) 0 0 no-repeat;
        background-size: 26px 26px;
    }
    .module-lighbox01 .wrapper {
        position: absolute;
        top: 40px;
        bottom: 0;
        left: 0;
        width: 100%;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
    }
    .module-lighbox01 .inner {
        width: auto;
        margin: 0 12px;
        background: #fff;
    }
    .module-lighbox01 .head01 {
        padding: 17px 9px 15px;
        font-size: 14px;
        color: #00703C;
        text-align: center;
        border-bottom: 4px solid #00703C;
    }
    .module-lighbox01 .body01,
    .module-lighbox01 .body02 {
        padding: 9px 9px 30px;
    }
    .module-lighbox01 .body01 img {
        width: 100%;
        margin-top: 12px;
    }
    .module-lighbox01 .body01 .btn_basic04 {
        width: 220px;
        margin: 13px auto 0;
        font-size: 14px;
        line-height: 2.2;
    }
    .module-lighbox01 .body02 {
        text-align: left;
    }
    .module-lighbox01 .body02 .text01 {
        padding-bottom: 10px;
        margin-bottom: 10px;
        text-align: left;
    }
    .module-lighbox01 .body02 ul {
        margin-top: 10px;
    }
    .module-lighbox01 .body02 ul li {
        float: none;
        width: auto;
        margin-bottom: 6px;
    }
    .module-lighbox01 .body02 ul li input[type='checkbox'] {}
    .module-lighbox01 .body02 ul li label.checkbox {
        line-height: 1.6;
        padding: 0 0 0 27px;
    }
    .module-lighbox01 .body02 .textarea {
        height: 72px;
        margin-top: 5px;
        padding: 5px 10px;
    }
    .module-lighbox01 .body02 .btn_basic05 {
        width: 218px;
        margin: 18px auto 0;
    }
    .module-lighbox01 .inner02 {
        width: auto;
        padding: 35px;
        background: #fff;
        color: #00703C;
    }
    .module-lighbox01 .inner02 a.btn_basic05 {
        width: 120px;
        height: 30px;
        margin: 20px auto 0;
        line-height: 2.2;
    }
}


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

#searchListSelect {
    display: none;
    position: fixed;
    left: 0;
    bottom: -100px;
    z-index: 100;
    width: 100%;
    min-height: 64px;
    border-top: 1px solid #ccc;
    background: url(/mecsumai/img/search/list/bg_search01.png) 0 0 repeat;
}

#searchListSelectIn {
    max-width: 968px;
    padding: 8px 0 8px 232px;
    margin: 0 auto;
}

#searchListSelectIn ul {
    display: table;
    width: 100%;
}

#searchListSelectIn ul li {
    display: table-cell;
    vertical-align: top;
}

#searchListSelectIn ul li.col01 {
    width: 226px;
}

#searchListSelectIn ul li.col02 {
    width: 80px;
}

#searchListSelectIn .col01 a {
    display: block;
    width: 226px;
    height: auto;
    padding: 7px 0;
    background: #00703C;
    color: #fff;
    text-decoration: none;
    line-height: 1.3;
}

#searchListSelectIn .col02 span {
    display: block;
    padding: 20px 0;
    font-size: 12px;
    color: #999;
    text-align: center;
    line-height: 1.2;
}

#searchListSelectIn .col03 ul {
    overflow: hidden;
    padding-top: 20px;
    margin-left: -2%;
    font-size: 12px;
    color: #333;
    line-height: 1.4;
}

#searchListSelectIn .col03 ul li {
    float: left;
    width: 31.33%;
    margin-left: 2%;
    margin-bottom: 4px;
    text-align: left;
}

#searchListSelectIn .col03 ul>*:first-child+*+*+* {
    clear: left;
}

.searchListNotice01 {
    display: none;
    position: fixed;
    top: 6px;
    right: 7px;
    z-index: 200;
}

.searchListNoticeIn {
    width: 302px;
    padding: 20px 0;
    border: 1px solid #00703C;
    background: url(/mecsumai/img/search/list/bg_search01.png) 0 0 repeat;
    text-align: center;
    line-height: 1;
    position: relative;
}

.searchListNotice01 em {
    display: inline-block;
    padding-left: 13px;
    margin-bottom: 17px;
    background: url(/mecsumai/img/common/ico_plus01.png) left center no-repeat;
    line-height: 1;
}

.searchListNotice01 a {
    font-weight: bold;
    color: #00703C;
}

.searchListNotice01 a.close01 {
    position: absolute;
    text-indent: -9999px;
    top: 0;
    /* margin-right: 9px; */
    right: 0;
    width: 40px;
    height: 40px;
    border-right: 7px solid transparent;
    border-top: 7px solid transparent;
    background: url(/mecsumai/img/common/btn_remove01.png) right top no-repeat;
}

@media screen and (min-width: 768px) and (max-width: 1150px) {
    #searchListSelect {
        padding: 0 16px;
        box-sizing: border-box;
    }
    #searchListSelectIn {
        max-width: 968px;
        padding: 8px 0;
    }
}

@media screen and (max-width: 767px) {
    #searchListSelect {
        width: 100%;
        height: 60px;
        min-height: inherit;
        border-top: 1px solid #ccc;
        background: url(/mecsumai/img/search/list/bg_search01.png) 0 0 repeat;
    }
    #searchListSelectIn {
        width: auto;
        max-width: inherit;
        padding: 7px 12px;
    }
    #searchListSelectIn ul {
        display: block;
        width: 100%;
    }
    #searchListSelectIn ul li {
        display: none;
    }
    #searchListSelectIn ul li.col01 {
        display: block;
        width: auto;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        justify-content: center;
        -ms-align-items: center;
        align-items: center;
    }
    #searchListSelectIn .col01 a {
        display: block;
        width: auto;
        height: 35px;
        font-size: 14px;
        padding: 7px 0 3px 0;
        /*background: url(/mecsumai/img/search/list/btn_search05_sp.gif) #00703C center center no-repeat;*/
        /*background-size: 272px 35px;*/
        box-sizing: content-box;
    }
    .searchListNotice01 {
        position: fixed;
        top: 0;
        right: auto;
        left: 0;
        width: 100%;
        padding: 5px 12px 0;
        box-sizing: border-box;
    }
    .searchListNoticeIn {
        width: auto;
        padding: 11px 0;
    }
    .searchListNotice01 em {
        display: inline-block;
        padding-left: 14px;
        margin-bottom: 10px;
        background: url(/mecsumai/img/common/ico_plus01_sp.png) left center no-repeat;
        background-size: 8px 8px;
    }
    .searchListNotice01 a {}
    .searchListNotice01 a.close01 {
        background: url(/mecsumai/img/common/btn_remove01_sp.png) right top no-repeat;
        background-size: 7px 7px;
    }
}

#searchListForm {
    overflow: hidden;
    margin-bottom: 30px;
    padding-left: 20px;
}

@media screen and (max-width: 1150px) and (min-width: 768px) {
    #searchListForm {
        padding-left: 16px;
    }
}

@media screen and (max-width: 767px) {
    #searchListForm {
        padding: 12px;
    }
}

#searchListForm input {
    -webkit-appearance: none;
    outline: none;
    box-sizing: border-box;
    border: none;
    border-radius: 0;
    padding: 0;
    height: 36px;
    font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, 'メイリオ', Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
}

#searchListForm input.text {
    float: left;
    padding: 9px 0 9px 1em;
    width: 320px;
    background-color: #efefef;
    line-height: 18px;
}

@media screen and (max-width: 767px) {
    #searchListForm input.text {
        width: 81%;
    }
}

#searchListForm input.submit {
    cursor: pointer;
    float: left;
    width: 80px;
    background: #b0b0b0;
    color: #fff;
}

@media screen and (max-width: 767px) {
    #searchListForm input.submit {
        width: 19%;
    }
}

#searchListForm input.submit:hover {
    opacity: .8;
}


/* text */

.txtLead01 {
    margin-bottom: 20px;
    padding-left: 20px;
}

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

@media screen and (max-width: 767px) {
    .txtLead01 {
        padding-left: 12px;
    }
}


/* !My page panel
---------------------------------------------------------- */

.topMypageSection01 {
    padding: 65px 20px 0;
}

.topMypage01 {
    border: 1px solid #ddd;
}

.topMypage01 dt {
    padding: 5px 24px;
    background: #f4f4f4;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    font-weight: bold;
}

.topMypage01 dt a {
    display: inline-block;
    padding-right: 20px;
    background: url(/mecsumai/img/common/ico_arrow16.png) center right no-repeat;
}

.topMypage01 dd .left {
    display: table-cell;
    width: 318px;
    height: 120px;
    text-align: center;
    vertical-align: middle;
}

.topMypage01 dd .left ul {
    padding: 0 24px;
}

.topMypage01 dd .left li {
    margin: 2px 0;
}

.topMypage01 dd .left a {
    background-color: #f4f4f4;
    color: #666;
    display: block;
    text-align: left;
    padding: 0 17px 0 15px;
    line-height: 28px;
}

.topMypage01 dd .left a span {
    display: inline-block;
    float: right;
    color: #00703C;
}

.topMypage01 dd .left a:hover {
    background-color: #f6f5ed;
    font-weight: bold;
    text-decoration: none;
}

.topMypage01 dd .left a:hover span {
    font-weight: bold;
    text-decoration: underline;
}

.topMypage01 dd .right {
    display: table-cell;
    height: 120px;
    padding: 5px 0 5px 26px;
    border-left: 1px solid #ddd;
    box-sizing: border-box;
    vertical-align: middle;
}

.topMypage01 dd .right em {
    display: block;
    color: #999;
}

.topMypage01 dd .right em a {
    display: inline-block;
    padding: 5px 15px;
    margin-left: 14px;
    background: #fff;
    border: 1px solid #dcdcdc;
    font-size: 12px;
    line-height: 1;
}

.topMypage01 dd .right em a:hover {
    color: #00703C;
    border: 1px solid #00703C;
}

.topMypage01 dd .right ul {
    overflow: hidden;
    margin: 15px 0 10px;
}

.topMypage01 dd .right ul li {
    float: left;
    border-right: 1px solid #ddd;
    font-size: 13px;
    line-height: 1;
}

.topMypage01 dd .right ul li.first {
    border-left: 1px solid #ddd;
}

.topMypage01 dd .right ul li a {
    display: block;
    padding: 3px 12px;
}

.topMypage01 dd .right ul li a:hover {
    font-weight: bold;
}

.topMypage01 dd .right a.link_type01 {
    color: #00703C;
}

.topMypageSection02 {
    padding: 30px 0 65px;
    margin: 0 20px 60px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.topMypageSection02 .ul_list04 {
    margin-top: 0;
}

@media screen and (min-width: 768px) and (max-width: 1150px) {
    .topMypageSection01 {
        padding: 55px 16px 0;
    }
    .topMypageSection02 {
        padding: 25px 0 55px;
        margin: 0 16px 50px;
    }
}

@media screen and (max-width: 767px) {
    .topMypageSection01 {
        padding: 10px 12px 20px;
    }
    .topMypageSection02 {
        padding: 15px 12px 30px;
        margin: 0 0 25px;
    }
    .topMypageSection02 .ul_list04 {
        margin-top: -10px;
    }
    .topMypage01 {}
    .topMypage01 dt {
        padding: 5px 12px;
        font-size: 12px;
    }
    .topMypage01 dt a {
        display: inline-block;
        padding-right: 20px;
        background: url(/mecsumai/img/common/ico_arrow16.png) center right no-repeat;
    }
    .topMypage01 dd .left {
        display: block;
        width: 100%;
        height: auto;
        padding: 12px 0;
        text-align: center;
    }
    .topMypage01 dd .left ul {
        padding: 0 10px;
    }
    .topMypage01 dd .left a {
        padding: 0 12px;
        line-height: 25px;
        font-size: 11px;
    }
    .topMypage01 dd .left a span {}
    .topMypage01 dd .right {
        display: block;
        height: auto;
        padding: 12px 10px 20px;
        border-left: 0 none;
        border-top: 1px solid #ddd;
    }
    .topMypage01 dd .right em {
        font-weight: bold;
    }
    .topMypage01 dd .right em a {
        padding: 5px 15px;
        margin-left: 14px;
        font-size: 10px;
    }
    .topMypage01 dd .right ul {
        margin-top: 10px;
    }
    .topMypage01 dd .right ul li {
        margin-top: 14px;
        font-size: 13px;
        line-height: 1;
    }
    .topMypage01 dd .right ul li.first {
        border-left: 1px solid #ddd;
    }
    .topMypage01 dd .right ul li a {
        display: block;
        padding: 3px 8px;
    }
    .topMypage01 dd .right ul li:nth-child(4) {
        clear: left;
        border-left: 1px solid #ddd;
    }
}

@media screen and (min-width: 768px) and (max-width: 900px) {
    .ul_list04 li a .text {
        height: 126px;
    }
}


/* !ul_search02
---------------------------------------------------------- */

.ul_search02 {
    margin-top: 11px;
}

.ul_search02 li {
    display: block;
    width: 100%;
    position: relative;
    margin-bottom: 24px;
    background-color: #f4f4f4;
    border-top: 2px solid #00703C;
}

.ul_search02.nocovered li {
    position: relative;
    margin-bottom: 24px;
    background-color: #f4f4f4;
    border-top: none;
}

.ul_search02.nocovered li .box {
    padding: 16px;
}

.ul_search02 li:hover {
    background-color: #f6f5ed;
}

.ul_search02 li.last {
    margin-bottom: 0;
}

.ul_search02 li .tick {
    position: absolute;
    top: 0;
    left: 0;
    width: 39px;
    height: 100%;
    vertical-align: top;
    border-right: 4px solid #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.lp-section01 .ul_search02 li .tick {
    position: static;
}

.ul_search02 li .tick label {
    display: block;
    cursor: pointer;
    height: 100%;
    padding-top: 14px;
}

.ul_search02 li .tick label .input_check01 {
    margin: 0 auto;
}

.ul_search02.ranking li .tick {
    display: table-cell;
    position: inherit;
    width: 60px;
    border-right: 0 none;
    cursor: default;
    font-family: "Ryumin Regular KL", "Meiryo", "メイリオ";
    text-align: center;
    vertical-align: middle;
    font-size: 22px;
    line-height: 1;
}

.lp-section01 .ul_search02 li .tick label {
    padding-top: 0;
}

.ul_search02.ranking li .tick .rank01 {
    color: #00703C;
}

.ul_search02.ranking li .tick .rank02 {
    color: #333;
}

.ul_search02.ranking li .tick span {
    font-size: 16px;
}

.ul_search02 li .box {
    display: table-cell;
    overflow: hidden;
    width: auto;
    padding: 16px 16px 16px 59px;
    box-sizing: border-box;
}

.ul_search02.non_check li {
    display: table;
}

.ul_search02.non_check li .box {
    padding: 16px;
    margin-top: 20px;
}

.section02 .ul_search02 li .box {
    display: table-cell;
    width: 968px;
    /* padding: 16px; */
}

@media screen and (min-width: 768px) and (max-width: 1150px) {
    .section02 .ul_search02 li .box {
        width: 1149px;
    }
}

.lp-section01 .ul_search02 li .box {
    display: table-cell;
    padding: 16px;
}

.ul_search02.ranking li .box {
    padding-left: 0;
}

.ul_search02 li .box .image {
    float: left;
    margin-right: 8px;
}

.ul_search02 li .box .image a {
    display: inline-block;
}

.ul_search02 li .box .image a:hover {
    opacity: 0.8;
}

.ul_search02 li .box .image img {
    width: 184px;
}

.ul_search02 li .box .info {
    overflow: hidden;
    padding-left: 6px;
}

.ul_search02.nocovered li {
    display: table;
}

.ul_search02.nocovered li .box .info {
    padding-left: 0;
}

.ul_search02 .box .info .title {
    width: 350px;
    line-height: 1.4;
}

.ul_search02 .box .info .title_br {
    width: 410px;
}

.ul_search02.nocovered li .box .tag {
    display: inline-block;
    padding: 3px 12px;
    margin-bottom: 6px;
    background: #666;
    font-size: 10px;
    color: #fff;
    line-height: 1;
}

.ul_search02.nocovered .box .info .title {
    width: auto;
    float: left;
    margin-left: 0px;
}

.ul_search02 .box .info .title a {
    font-size: 16px;
    color: #333;
    font-weight: bold;
    text-decoration: none;
}

.ul_search02 .box .info .title a:hover {
    color: #00703C;
    text-decoration: underline
}

.ul_search02 .box .info .subtitle {
    width: 410px;
    margin-top: 5px;
}

.ul_search02.nocovered .box .info .subtitle {
    width: auto;
    float: left;
    color: #999;
    margin: 0 0 0 20px;
}

.ul_search02 .box .info .subtitle span {
    display: inline-block;
    margin-right: 1em;
}

.ul_search02 .box .info .subtitle em.ico_asset,
.ul_search02 .box .info .subtitle em.ico_renovation {
    display: inline-block;
    border: 1px solid;
    padding: .2em .5em;
    background-color: #fff;
    font-size: 12px;
    line-height: 1.2;
}

@media screen and (max-width: 767px) {
    .ul_search02 .box .info .subtitle span {
        display: block;
        margin-right: 0;
    }
    .ul_search02 .box .info .subtitle em.ico_asset,
    .ul_search02 .box .info .subtitle em.ico_renovation {
        margin-top: .25em;
        font-size: 9px;
    }
}

.ul_search02 .box .info .subtitle em.ico_asset {
    border-color: #a0813d;
    color: #a0813d;
}

.ul_search02 .box .info .subtitle em.ico_renovation {
    border-color: #00713a;
    color: #00713a;
}

.ul_search02 .box .highlight {
    font-weight: bold;
    color: #a0813d;
    text-indent: 5px;
    overflow: hidden;
}

.ul_search02 .box .detail {
    margin-top: 14px;
    padding-left: 192px;
}

.ul_search02 .box .detail table {
    width: 100%;
    border-collapse: collapse;
}

.ul_search02 .box .detail table th {
    height: 18px;
    background-color: #f4f4f4;
    border: 1px solid #dcdcdc;
    font-size: 12px;
    text-align: center;
    line-height: 1.6;
}

.ul_search02 .box .detail table .thead01,
.ul_search02 .box .detail table .thead02,
.ul_search02 .box .detail table .thead03,
.ul_search02 .box .detail table .thead04 {
    width: 24.99%;
}

.ul_search02.w25 .box .detail table .thead01,
.ul_search02.w25 .box .detail table .thead02,
.ul_search02.w25 .box .detail table .thead03,
.ul_search02.w25 .box .detail table .thead04 {
    width: 24.99%;
}

.ul_search02 .box .detail table tbody th {
    display: none;
}

.ul_search02 .box .detail table td {
    padding: 8px 7px;
    background-color: #fff;
    border: 1px solid #dcdcdc;
    font-size: 13px;
    line-height: 1.5;
}

.ul_search02 .box .detail02 {
    margin: 14px 0 0 0;
    padding: 14px 20px;
    background-color: #fff;
    overflow: hidden;
}

.ul_search02 .box .detail02 p.fromModelroom {
    font-size: 12px;
}

.ul_search02 .box .detail02 p.fromModelroom span.New {
    padding-right: 30px;
    background: url(/mecsumai/img/search/list/pic_list_new.gif) right center no-repeat;
}

.ul_search02 .box .detail02 p.title {
    font-weight: bold;
}

.ul_search02 .box .detail03 {
    margin: 14px 0 14px 0;
    padding: 12px 20px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
}

.ul_search02 .box .detail03 p.contact {
    font-size: 12px;
}

.ul_search02 .box p.reomveLink {
    text-align: right;
}

.ul_search02 .box p.reomveLink .link_type03 {
    display: inline-block;
    color: #666;
    font-size: 12px;
    padding-left: 10px;
    margin-top: 7px;
    background: transparent url(/mecsumai/img/common/btn_remove01.png) center left no-repeat;
}

.ul_search02 .box p.reomveLink .link_type03:hover {
    color: #00703C;
}

.ul_search02 .box .detail04 {
    margin: 14px 6px 14px 6px;
    padding: 10px 0px 0px 0px;
    border-top: 1px solid #ddd;
    color: #999;
}

.ul_search02.nocovered .box .detail04,
.ul_search02.nocovered .box .detail05 {
    margin-left: 0;
    margin-right: 0;
}

.ul_search02 .box .detail04 dl {
    margin-bottom: 0px;
}

.ul_search02 .box .detail04 dl dt,
.ul_search02 .box .detail04 dl dd {
    font-size: 12px;
}

.ul_search02 .box .detail05 {
    margin: 14px 6px 0px 6px;
    color: #999;
    padding: 14px 20px;
    background-color: #fff;
}

.ul_search02 .box .detail05 p {
    color: #999;
    font-size: 12px;
}

.ul_search02 .box .detail05 p.viewAll {
    text-align: right;
}

.ul_search02 .box .detail05 p.viewAll .link_type04 {
    padding-right: 10px;
    color: #999;
    background: transparent url(/mecsumai/img/common/ico_arrow11.gif) right center no-repeat;
}

.ul_search02 .box .detail05 p.viewAll .link_type04:hover {
    color: #00703C;
}

.ul_search02 .box .detail05 .morecontent {
    display: none;
}

.ul_search02 .box .boxbtn {
    overflow: hidden;
    position: absolute;
    top: 16px;
    right: 16px;
}

.ul_search02 .box .boxbtn li {
    float: left;
    display: inherit;
    width: auto;
    border: 0 none;
    margin-left: 4px;
    margin-bottom: 0;
    background: none;
}

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

.ul_search02 .box .boxbtn li.btn_plus01 a,
.ul_search02 .box .boxbtn li.btn_cross01 a {
    display: block;
    padding-left: 10px;
    margin-top: 6px;
    font-size: 10px;
    color: #00703C;
    line-height: 1.3;
    text-align: center;
    background: url(/mecsumai/img/common/ico_plus01.png) left center no-repeat;
}

.ul_search02 .box .boxbtn li.btn_cross01 a {
    color: #666;
    background: url(/mecsumai/img/common/ico_cross01.png) left center no-repeat;
}

.ul_search02 .box .boxbtn li.btn_plus01 a:hover,
.ul_search02 .box .boxbtn li.btn_cross01 a:hover {
    text-decoration: none;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.ul_search02 .box .detail .btn_plus02,
.ul_search02 .box .detail .btn_plus04 {
    display: none;
}

@media screen and (min-width: 1151px) and (max-width: 1240px) {
    .ul_search02 {}
    .ul_search02 li .box .image img {
        width: 110px;
    }
    .ul_search02 .box .detail {
        clear: both;
        padding: 15px 0 0;
    }
}


/* TB additional breakpoint */

@media screen and (min-width: 768px) and (max-width: 990px) {
    .ul_search02 {}
    .ul_search02.ranking li .tick {
        width: 45px;
        font-size: 18px;
    }
    .ul_search02 li .box .image img {
        width: 100px;
    }
    .ul_search02 .box .detail {
        clear: both;
        margin-top: 0;
        padding: 15px 0 0;
    }
    .ul_search02 .box .info .title {
        width: 210px;
    }
    .ul_search02 .box .info .title a {
        font-size: 14px;
    }
}


/* --------------------------------------------------*/

@media screen and (max-width: 767px) {
    .ul_search02 {
        margin-top: 7px;
    }
    .ul_search02 li {
        display: block;
        margin-bottom: 12px;
    }
    .ul_search02 li:hover {
        background-color: #f4f4f4;
    }
    .ul_search02 li.last {
        margin-bottom: 0;
    }
    .ul_search02 li .tick {
        display: block;
        width: 100%;
        height: 28px;
        overflow: hidden;
        position: static;
    }
    .ul_search02 li .tick label {
        padding-top: 4px;
    }
    .ul_search02 li .tick label .input_check01 {
        margin: 0 0 0 12px;
    }
    .ul_search02.ranking li .tick {
        display: block;
        width: auto;
        height: auto;
        padding: 9px 0;
        font-size: 14px;
    }
    .ul_search02.ranking li .tick span {
        font-size: 14px;
    }
    .ul_search02 li .box {
        display: block;
        width: auto;
        padding: 12px;
        border-left: 0;
        border-top: 2px solid #fff;
    }
    .section02 .ul_search02 li .box,
    .lp-section01 .ul_search02 li .box {
        padding: 12px;
    }
    .ul_search02.ranking li .box {
        padding: 12px;
    }
    .ul_search02 li .box .image {
        float: left;
        margin: 0 8px 10px 0;
    }
    .ul_search02 li .box .image img {
        width: 92px;
    }
    .ul_search02 li .box .info {
        overflow: hidden;
        padding-left: 0;
    }
    .ul_search02 .box .info .title {
        width: auto;
    }
    .ul_search02 .box .info .title a {
        font-size: 14px;
        line-height: 1.2;
    }
    .ul_search02 .box .info .title a:hover {
        color: inherit;
        text-decoration: none
    }
    .ul_search02 .box .info .subtitle {
        width: auto;
        margin-top: 5px;
        padding-bottom: 15px;
        font-size: 11px;
    }
    .ul_search02.nocovered .box .info .subtitle {
        width: auto;
        clear: left;
        float: none;
        color: #999;
        padding: 2px 0 0;
        margin: 0 0 8px 0;
    }
    .ul_search02 .box .highlight {
        display: none;
    }
    .ul_search02 .box .highlight.showSP {
        display: block;
        clear: both;
        text-indent: inherit;
    }
    .ul_search02 .box .detail {
        position: relative;
        width: 100%;
        margin: 0;
        padding-left: 0;
        padding-top: 12px;
        clear: both;
    }
    .ul_search02 .box .detail table {
        display: block;
        overflow: hidden;
        border-collapse: collapse;
        /*border-top: 1px solid #dcdcdc;*/
    }
    .ul_search02 .box .detail table thead th {
        display: none;
    }
    .ul_search02 .box .detail table tbody th {
        display: block;
        clear: left;
        float: left;
        margin-right: 1em;
        padding: 4px 0;
        width: 4em;
        height: auto;
        border: none;
        text-align: left;
        line-height: 1.2;
    }
    .ul_search02 .box .detail table tbody,
    .ul_search02 .box .detail table tbody tr {
        display: block;
    }
    .ul_search02 .box .detail table td {
        display: block;
        padding: 4px 0;
        border-top: none;
        border-left: none;
        border-right: none;
        background-color: transparent;
        font-size: 12px;
        line-height: 1.2;
    }
    .ul_search02 .box .detail table td:before {
        display: table-cell;
        width: 50px;
        height: 100%;
        font-size: 10px;
        font-weight: normal;
        color: #666;
        vertical-align: middle;
    }
    .ul_search02 .box .detail_cat1 table td:nth-of-type(1):before {
        content: "土地面積";
    }
    .ul_search02 .box .detail_cat1 table td:nth-of-type(2):before {
        content: "建ぺい率";
    }
    .ul_search02 .box .detail_cat1 table td:nth-of-type(3):before {
        content: "容積率";
    }
    .ul_search02 .box .detail_cat1 table td:nth-of-type(4):before {
        content: "価格帯";
    }
    .ul_search02 .box .detail_cat2 table td:nth-of-type(1):before {
        content: "間取り";
    }
    .ul_search02 .box .detail_cat2 table td:nth-of-type(2):before {
        content: "建物面積";
    }
    .ul_search02 .box .detail_cat2 table td:nth-of-type(3):before {
        content: "土地面積";
    }
    .ul_search02 .box .detail_cat2 table td:nth-of-type(4):before {
        content: "価格帯";
    }
    .ul_search02 .box .detail_cat3 table td:nth-of-type(1):before {
        content: "間取り";
    }
    .ul_search02 .box .detail_cat3 table td:nth-of-type(2):before {
        content: "専有面積";
    }
    .ul_search02 .box .detail_cat3 table td:nth-of-type(3):before {
        content: "価格帯";
    }
    .ul_search02 .box .detail_cat3 table td:nth-of-type(4):before {
        content: "総戸数";
    }
    .ul_search02 .box .detail table td p {
        display: table-cell;
    }
    .ul_search02 .box .detail02 {
        margin: 10px 0 10px 0px;
        padding: 9px 10px;
        background-color: #fff;
    }
    .ul_search02 .box .detail02 p.fromModelroom {
        font-size: 10px;
    }
    .ul_search02 .box .detail02 p.fromModelroom span.New {
        background: url(/mecsumai/img/search/list/pic_list_new.gif) right center no-repeat;
        background-size: 30px 13px;
    }
    .ul_search02 .box .detail02 p.title {
        font-size: 12px;
    }
    .ul_search02 .box .detail03 {
        clear: both;
        margin: 10px 0 10px 0px;
        padding: 8px 6px;
    }
    .ul_search02 .box .detail03 p.contact {
        font-size: 10px;
    }
    .ul_search02 .box .detail03 p.contact a {
        margin-left: 0;
    }
    .ul_search02 .box p.reomveLink {
        margin-top: 5px;
    }
    .ul_search02 .box p.reomveLink .link_type03 {
        font-size: 10px;
        margin-top: 0;
        background: transparent url(/mecsumai/img/common/btn_remove01_sp.png) center left no-repeat;
        background-size: 8px 8px;
    }
    .ul_search02.nocovered .box p.reomveLink .btn_basic09 {
        font-size: 10px;
    }
    .ul_search02 .box .detail04 {
        margin: 14px 0px 0px 0px;
        padding: 10px 0px 0px 0px;
        border-top: 1px solid #ddd;
        color: #999;
    }
    .ul_search02 .box .detail04 dl dt,
    .ul_search02 .box .detail04 dl dd {
        font-size: 10px;
    }
    .ul_search02 .box .detail05 {
        margin: 14px 0px 0px 0px;
        color: #999;
        padding: 8px 8px;
        background-color: #fff;
    }
    .ul_search02 .box .detail05 p {
        color: #999;
        font-size: 10px;
    }
    .ul_search02 .box .detail05 p.viewAll {
        margin-top: 12px;
        margin-bottom: 0px;
    }
    .ul_search02 .box .detail05 p.viewAll .link_type04:hover {
        text-decoration: none;
    }
    .ul_search02 .box .boxbtn {
        overflow: hidden;
        position: relative;
        top: auto;
        right: auto;
        margin: 12px 0 0 -4px;
        text-align: center;
    }
    .ul_search02 .box .boxbtn li {
        float: none;
        width: 33.33%;
        display: inline-block;
        margin-left: 0;
        padding-left: 4px;
        box-sizing: border-box;
    }
    .ul_search02 .box .boxbtn li .btn_basic04,
    .ul_search02 .box .boxbtn li .btn_basic05 {
        width: auto;
        height: 40px;
        line-height: 3;
    }
    .ul_search02 .box .boxbtn li.btn_plus01,
    .ul_search02 .box .boxbtn li.btn_cross01 {
        display: none;
    }
    .ul_search02 .box .boxbtn.wMax {
        margin-left: 0;
    }
    .ul_search02 .box .boxbtn.wMax li {
        padding-left: 0;
        width: 100%;
    }
    .ul_search02 .box .detail .btn_plus02,
    .ul_search02 .box .detail .btn_cross02 {
        display: block;
        position: absolute;
        top: -10px;
        right: 0;
        padding-left: 13px;
        background: url(/mecsumai/img/common/ico_plus01_sp.png) left center no-repeat;
        background-size: 8px 8px;
        font-size: 10px;
        line-height: 1;
        color: #00703C;
    }
    .ul_search02 .box .detail .btn_cross02 {
        color: #666;
        background: url(/mecsumai/img/common/ico_cross01_sp.png) left center no-repeat;
        background-size: 8px 8px;
    }
    .ul_search02 .box .boxbtn.full {
        width: 100%;
    }
    .ul_search02 .box .boxbtn.full li {
        width: 100%;
    }
}


/* megamenu search */

.bnr-search-area {
    overflow: hidden;
    width: 58.26%;
    max-width: 564px;
    margin: -6.5% 0 0;
    letter-spacing: -.5em;
    position: relative;
    z-index: 3;
}

.bnr-search-area a {
    transition: 1s;
    text-decoration: none;
}

.bnr-search-area p,
.bnr-search-area dl {
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
}

.bnr-search-area p {
    width: 19.5%;
    max-width: 110px;
    margin-right: 3.55%;
    box-sizing: border-box;
    border: 2px solid #fff;
}

.bnr-search-area a:hover p {
    opacity: .6;
}

.bnr-search-area dl {
    width: 76.95%;
    max-width: 434px;
    margin: .4em 0 0;
}

.bnr-search-area dl dt {
    margin-bottom: .8em;
    display: inline-block;
    padding-right: 1.5em;
    background: url(/mecsumai/img/common/ico_arrow03.png) right center no-repeat;
    font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, 'メイリオ', Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
    font-size: 14px;
}

.bnr-search-area dl dd {
    font-weight: normal;
    line-height: 1.5;
}


/* START 202010_ベルフェイスページ導線設置 - add clear margin top style */

.clear-margin-top {
    margin-top: 10px;
}


/* START 202010_ベルフェイスページ導線設置 - add clear margin top style */


/* START 「物件を探す」エリア名称 - TBのスタイル調整 */

@media screen and (min-width: 768px) and (max-width: 899px) {
    .lNaviTab01,
    .lNaviTab01 .tab {
        display: block;
    }
    .lNaviTab01 .tab {
        margin-top: 50px;
        width: 100%;
    }
    .lNaviTab01 .tab ul {
        float: none;
    }
    .lNaviTab01 .tab ul::after {
        clear: both;
        content: '';
        display: block;
    }
    .lNaviTab01 .tab ul li a {
        width: auto;
    }
    .lNaviTab01 .tab ul li {
        width: calc(100% / 7)
    }
}


/* END 「物件を探す」エリア名称 - TBのスタイル調整 */


/* START 2102_MJR-322 - link icon external */

#headerUtility ul li.register a.button01.button-no-image {
    background-image: none;
    padding: 10px 5px;
}

#main.top .campaign .blk-card {
    display: block;
    position: relative;
    border: 1px solid #DDDDDD;
    box-shadow: 0 1px #cccccc;
    background-color: #FFFFFF;
    transition: opacity 200ms, border-color 200ms;
    z-index: 1;
}

#main.top .campaign .blk-card {
    position: relative;
    height: auto;
    padding: 12px 5px 12px 92px;
}

#main.top .campaign .blk-card img {
    position: absolute;
    top: 12px;
    left: 12px;
    width: 65px;
}

#main.top .campaign .blk-card .title {
    height: 28px;
    color: #00703C;
    font-family: "Ryumin Regular KL", serif;
    font-size: 13px;
}

#main.top .campaign .blk-card .text {
    font-size: 12px;
}

#main.top .campaign .blk-card .button01 {
    display: inline-block;
    width: auto;
    height: auto;
    padding: 10px;
    margin-top: 10px;
    background-color: #006f37;
    color: #fff;
    text-align: center;
    text-decoration: none;
    text-indent: inherit;
}


/* END 2102_MJR-322 - link icon external */


/* START 2111_MJR-438 - Update items for スポット案件 */

#header .main-header .megamenu .bnr-search-area-wrapper {
    width: 100%;
    display: flex;
}

#header .main-header .megamenu .bnr-search-area-wrapper .bnr-search-area-item {
    width: 50%;
}

#header .main-header .megamenu .bnr-search-area-wrapper .bnr-search-area-item .bnr-search-area {
    width: 100%;
    max-width: none;
    margin: 0;
}

#header .main-header .megamenu .bnr-search-area-wrapper .bnr-search-area-item .bnr-search-area.bnr-search-area-img p {
    width: 100%;
    max-width: 100%;
    margin-right: 0;
    border: 0;
}

#header .main-header .megamenu .bnr-search-area-wrapper .bnr-search-area-item .bnr-search-area.bnr-search-area-img p img {
    max-width: 100%;
    width: 100%;
}

#header .main-header .megamenu .bnr-search-area-wrapper .bnr-search-area-item .bnr-search-area:first-child {
    padding-right: 25px;
}

#header .main-header .megamenu .bnr-search-area-wrapper .bnr-search-area-item .bnr-search-area.bnr-search-area-img {
    padding-right: 20px;
}

#header .main-header .megamenu .bnr-search-area-wrapper .bnr-search-area-item .bnr-search-area.bnr-search-area-detail dl {
    width: 100%;
}

#header .main-header .megamenu .bnr-search-area-wrapper .bnr-search-area-item .bnr-search-area p {
    width: 25%;
}

#header .main-header .megamenu .bnr-search-area-wrapper .bnr-search-area-item .bnr-search-area dl {
    width: 70.45%;
    max-width: none;
}

#header .main-header .megamenu .bnr-search-area-wrapper .bnr-search-area-item .bnr-search-area dl dt {
    font-size: 16px;
    color: #00703C;
    font-weight: bold;
    background: url(/mecsumai/img/common/ico_blank03.png) right center no-repeat;
}

#header .main-header .megamenu .line-throw {
    display: block;
    margin: 20px 0;
    height: 1px;
    width: 100%;
    background-color: #DAD9D4;
}

#header .main-header .megamenu .bnr-search-area-wrapper .bnr-search-area-item .bnr-search-area a:hover dl dt {
    text-decoration: underline;
}

@media screen and (min-width: 1024px) {
    #header .main-header .search-megamenu .main-search .right-col {
        min-height: 380px;
    }
}

@media screen and (min-width: 768px) {
    .tokyo-map {
        height: 380px !important;
        margin-bottom: 20px !important;
    }
}

@media screen and (max-width: 1023px) {
    #sp-side-nav .gnav>li>.sub .sub-title {
        color: #00703C;
        font-size: 12px;
        font-weight: bold;
        margin-bottom: 0.3em;
    }
    #sp-side-nav .gnav>li.brand>.sub .capital dt {
        height: 30px;
    }
    #sp-side-nav .gnav>li.brand>.sub .capital dt a {
        background-color: transparent;
        border: none;
        display: inline-block;
        text-decoration: underline;
        line-height: 20px;
    }
    #sp-side-nav .gnav>li.brand>.sub .capital dt a:hover {
        color: #333;
    }
    #sp-side-nav .gnav>li.brand>.sub .areas {
        height: 84px;
        margin-bottom: 0;
    }
    #sp-side-nav .gnav>li>.sub .line-throw {
        display: block;
        width: 100%;
        height: 1px;
        background-color: #DDDDDD;
        margin: 15px 0;
    }
    #sp-side-nav .gnav>li.brand>.sub .capital.mecsumai-capital {
        background-color: transparent;
        padding-bottom: 15px;
        padding-left: 0;
        padding-right: 0;
    }
    #sp-side-nav .gnav>li.brand>.sub .capital.mecsumai-capital dd ul li.first {
        margin-left: 0;
    }
    #sp-side-nav .gnav>li.brand>.sub .capital.mecsumai-capital a {
        font-weight: bold;
        color: #00703C;
        line-height: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 0;
    }
}

@media screen and (max-width: 335px) {
    #sp-side-nav .gnav>li.brand>.sub .capital.mecsumai-capital a .hide-on-sp {
        display: none;
    }
}


/* END 2111_MJR-438 - Update items for スポット案件 */

/* START 2202_MJR-452 - Update layout for 総合TOP */
@media screen and (max-width: 1024px) {
    #sp-side-nav .gnav>li.brand>.sub .capital {
        padding-top: 4px;
    }
    #sp-side-nav .gnav>li.brand>.sub .capital dt a {
        display: block;
        background-color: #ffffff;
        line-height: 38px;
        text-decoration: none;
        border: 1px solid #DDDDDD;
    }

    #sp-side-nav .gnav>li.brand>.sub .capital dt a:hover {
        border-color: #00703C;
        color: #00703C;
        z-index: 2;
    }
    #sp-side-nav .gnav>li.brand>.sub .capital dt {
        height: 42px;
    }
    #sp-side-nav .gnav>li.brand>.sub .capital.mecsumai-capital dt {
        height: 30px;
    }
} 
/* END 2202_MJR-452 - Update layout for 総合TOP */
/* START 2203_MJR-455 - Update layout for footer */
@media screen and (min-width: 768px) {
    footer .footer-are-sns {
        display: flex;
        width: calc(100% - 170px);
        justify-content: space-between;
        align-items: center;
    }
    #footer .footer-are-sns .sns {
        width: auto;
        float: unset;
    }
}
@media screen and (min-width: 800px) and (max-width: 936px) {
    #footer .footer-are-sns .area-search dd ul li {
        margin-left: 20px;
    }
    #footer .footer-are-sns .sns dd ul li {
        margin-right: 5px;
    }
}
@media screen and (min-width: 768px) and (max-width: 860px) {
    #footer .footer-are-sns .area-search dd ul li {
        margin-left: 15px;
    }
    #footer .footer-are-sns .sns dd ul li {
        margin-right: 5px;
    }
}
@media screen and (min-width: 768px) and (max-width: 825px) {
    footer .footer-are-sns {
        margin-bottom: 20px;
    }
    #footer .footer-are-sns .sns {
        width: 30%;
    }
}
/* END 2203_MJR-455 - Update layout for footer */

/* START 2203_MJR-466 - Update layout for 物件一覧 */
.ul_search01 li .buttons.buttons__flex {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
}

.ul_search01 li .buttons.buttons__flex a {
    width: calc(25% - 8px);
}

@media screen and (max-width: 910px) {
    .ul_search01 li .buttons.buttons__flex a {
        width: calc(25% - 10px);
    }
}

@media screen and (max-width: 767px) {
    .ul_search01 li .buttons.buttons__flex a {
        width: calc(25% - 3px);
    }
}

@media screen and (max-width: 480px) {
    .ul_search01 li .buttons.buttons__flex {
        flex-wrap: wrap;
    }
    .ul_search01 li .buttons.buttons__flex a {
        width: calc(50% - 3px);
    }
    .ul_search01 li .buttons.buttons__flex {
        margin: 5px 0 0 -3px;
    }
    .ul_search01 li .buttons.buttons__flex a {
        margin-top: 5px;
    }
}
/* END 2203_MJR-466 - Update layout for 物件一覧 */