html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

body {
    line-height: 1
}

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

nav ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

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

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none
}

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: 700
}

del {
    text-decoration: line-through
}

abbr[title],dfn[title] {
    border-bottom: 1px dotted;
    cursor: help
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

input,select {
    vertical-align: middle
}

li {
    list-style-type: none
}

html {
    overflow-y: scroll
}

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

img {
    vertical-align: bottom
}

* {
    word-wrap: break-word
}

body {
    background: #fff;
    color: #000;
    font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN',Meiryo,sans-serif;
    font-size: 14px;
    line-height: 1.5
}

h1,h2,h3,h4,h5,h6 {
    line-height: 1.5
}

p,li,dt,dd {
    line-height: 1.5
}

input,textarea {
    font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN',Meiryo,sans-serif
}

* html input,* html textarea {
    font-family: "ＭＳ Ｐゴシック","MS PGothic",Osaka
}

* {
    word-break: break-all
}

body {
    -webkit-text-size-adjust: 100%
}

h1,h2,h3,h4,h5,p,ul,ol,dl,blockquote {
    max-height: 100%
}

.breadcrumb {
    width: 980px;
    margin: 0 auto;
    padding: 10px 0
}

.breadcrumb li {
    display: inline-block
}

.breadcrumb li a {
    text-decoration: none
}

.breadcrumb li a:after {
    content: ">";
    padding: 0 1em;
    font-size: 12px;
    color: #000
}

.btn-lv1,.btn-lv2 {
    display: inline-block;
    cursor: pointer;
    margin: 0 0 20px
}

.btn-lv1 {
    min-width: 340px;
    padding: 10px 40px 10px 50px;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    font-weight: 700;
    border: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.btn-lv1:hover {
    color: #fff;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: .8
}

.btn-lv2 {
    padding: 5px 30px 5px 43px;
    text-decoration: none;
    border: 1px solid #d2d2d2;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.btn-lv2:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: .8
}

input.btn-lv1 {
    max-width: 568px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none
}

input.btn-lv2 {
    max-width: 585px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none
}

button.btn-lv1 {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none
}

button.btn-lv2 {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none
}

.element {
    width: 660px;
    margin: 0 auto 20px;
    padding-top: 1px;
    overflow: hidden;
    zoom:1}

.element img {
    max-width: 100%
}

.element p {
    text-align: justify;
    text-justify: inter-ideograph
}

.element iframe {
    max-width: 100%
}

.element-right {
    float: right
}

.element-right img {
    max-width: 100%
}

.element-left {
    float: left
}

.element-left img {
    max-width: 100%
}

.element-img-right {
    float: right;
    padding: 0 0 10px 20px
}

.element-img-right img {
    max-width: 190px
}

.element-img-left {
    float: left;
    padding: 0 20px 10px 0
}

.element-img-left img {
    max-width: 190px
}

.element-inline {
    display: inline
}

.element-tx {
    margin: 0 0 14px
}

.element-tx img {
    max-width: 100%
}

.element-date {
    margin: 0 0 15px;
    text-align: right!important;
    color: #5e5e5e;
    font-weight: 700
}

.element-category {
    margin-top: -10px;
    padding: 0 0 10px;
    text-align: right!important;
    font-size: 12px
}

.element-tximg1 .element-left {
    width: 450px
}

.element-tximg1 .element-right {
    width: 190px
}

.element-tximg2 .element-left {
    width: 450px;
    padding-bottom: 20px
}

.element-tximg2 .element-left.no-img {
    width: 100%
}

.element-tximg2 .element-right {
    width: 190px;
    padding-bottom: 20px
}

.element-tximg3 .element-left {
    width: 190px
}

.element-tximg3 .element-right {
    width: 450px
}

.element-tximg4 {
    margin: 0 auto 25px;
    padding: 0 0 25px
}

.element-tximg4 .element-heading {
    margin: 0 0 5px;
    font-size: 16px;
    font-weight: 700
}

.element-tximg4 .element-left {
    width: 160px
}

.element-tximg4 .element-right {
    width: 480px
}

.element-tximg5 {
    margin: 0 auto 20px
}

.element-tximg5 .element-left {
    width: 190px
}

.element-tximg5 .element-right {
    width: 450px
}

.element-tximg6 {
    width: 600px;
    padding: 30px
}

.element-tximg6.element-line {
    margin-bottom: 0
}

.element-tximg6 .element-left {
    width: 420px
}

.element-tximg6 .element-right {
    width: 160px
}

.element-tximg6 .element-heading {
    margin: 0 0 5px;
    font-size: 16px;
    font-weight: 700
}

.element-tximg7 {
    padding: 0 0 20px
}

.element-tximg7+.element-comment {
    margin-top: -20px
}

.element-tximg7 .element-right {
    width: 190px;
    padding: 0 0 10px 10px
}

.element-tximg7 .area-profile {
    width: 410px
}

.element-tximg7 .area-profile dt {
    width: 6em;
    clear: none
}

.element-tximg7 .area-profile dd {
    padding: 0 0 0 6.5em
}

.element-tximg7 .element-heading2 {
    padding: 0 0 5px;
    font-size: 16px;
    font-weight: 700
}

.area-profile {
    margin: 0 0 15px;
    padding: 10px 20px;
    background: #f2f2f2
}

.area-profile dt {
    clear: both;
    float: left
}

.area-profile dd {
    padding: 0 0 2px 3em
}

.element-login {
    width: 550px;
    padding: 30px 60px 30px 50px
}

.element-login dl {
    padding: 0 0 15px
}

.element-login dt {
    clear: both;
    float: left;
    width: 104px;
    margin: 7px 0 20px;
    padding: 0 0 0 10px;
    font-size: 16px;
    font-weight: 700
}

.element-login dd {
    margin: 0 0 20px
}

.element-login input[type=text],.element-login input[type=password] {
    width: 406px;
    height: 16px;
    padding: 10px;
    border: 1px solid #ababab
}

.element-login .tx-forget {
    margin: 0 0 0 120px
}

.list-definition dt {
    padding: 0 0 5px
}

.list-definition dd {
    margin: 0 0 20px;
    padding: 10px 19px;
    background: #f2f2f2
}

.quote {
    position: relative
}



.link-pagelist {
    overflow: hidden;
    margin: 0 0 25px 45px
}

.link-pagelist li {
    width: 307px;
    float: left
}

.link-pagelist li:nth-of-type(2n+1) {
    clear: both;
    float: left
}

.link-pagelist a {
    display: block;
    padding: 0 15px 0 10px
}

.element-comment {
    width: 600px;
    padding: 23px 30px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px
}

.element-comment .element-heading {
    margin: 0 0 15px;
    padding: 0 0 0 7px;
    font-size: 14px;
    font-weight: 700
}

.comment-date {
    display: block;
    width: 660px;
    margin: 0 auto;
    padding: 0 0 5px;
    color: #999;
    text-align: right;
    font-size: 70%
}

.element-table {
    width: 100%
}

.element-table th,.element-table td {
    padding: 10px;
    border: 1px solid #d2d2d2
}

.element-table th {
    text-align: left;
    font-weight: 700
}

.element-table .element-table-heading {
    width: auto;
    background: #a6a6a5;
    color: #fff;
    font-weight: 700
}

.element-table1 th {
    width: 128px
}

.element-table1 .element-table-heading {
    text-align: center
}

.element-table2 .element-table-heading {
    text-align: center
}

.element-table2 td {
    width: 308px
}

.element-table3 {
    table-layout: fixed
}

.element-table3 .th1 {
    width: 148px
}

.element-table3 .th2 {
    width: 38px;
    text-align: right
}

.element-table3 td img {
    padding-top: 14px;
    display: block
}

.element-table4 {
    margin-bottom: 30px
}

.element-table4 th {
    width: 98px
}

.element-table4 td {
    width: 192px
}

.element-table5 th {
    width: 80px
}

.element-2division th {
    width: 80px
}


.element-2division .element-parts {
   
    min-height: 1px;
    margin-right: 20px
}
.element-2division .element-parts{
    display: grid;
      grid-template-columns: 1fr 1fr; /* Chia thành 2 cột bằng nhau */
      grid-gap: 10px; /* Khoảng cách giữa các cột */
}
.element-2division .element-parts:last-of-type {
    margin-right: 0
}

.element-2division .element-parts img {
    max-width: 100%
}

.element-2division .parts_map_canvas {
    width: 100%;
    height: 210px;
    margin: 0
}

.element-2division .parts_map_canvas * {
    word-wrap: normal
}

.element-3division th {
    width: 60px;
    padding: 8px 5px
}

.element-3division .element-parts-list iframe {
    height: auto
}

.element-3division .element-parts {
    float: left;
    width: 210px;
    min-height: 1px;
    margin-right: 15px
}

.element-3division .element-parts:last-of-type {
    margin-right: 0
}

.element-3division .element-parts img {
    max-width: 100%
}

.element-3division .parts_map_canvas {
    width: 100%;
    height: 150px;
    margin: 0
}

.element-3division .parts_map_canvas * {
    word-wrap: normal
}

.element-parts-list {
    margin: 0 0 15px
}

.element-parts-list:last-of-type {
    margin: 0
}

.element-parts-list iframe {
    max-width: 100%
}

.youtube {
    position: relative;
    width: 100%;
    padding-top: 56.25%
}

.youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%!important;
    height: 100%!important
}

.panorama {
    width: 100%;
    overflow: auto
}

.panorama iframe {
    max-width: initial
}

.side-panorama {
    width: 96%;
    overflow: auto;
    margin: 0 auto
}

.side-panorama iframe {
    max-width: initial
}

.division-heading {
    margin: 0 0 5px;
    font-weight: 700;
    font-size: 16px
}

table img {
    max-width: 100%
}

.element-map-canvas {
    width: 660px;
    height: 300px;
    margin: 0
}

.element-map-canvas * {
    word-wrap: normal
}

.side-others .element-map-canvas {
    width: 200px;
    height: 200px;
    margin: 0 auto 30px
}

.side-others .element-map-canvas * {
    word-wrap: normal
}

.gm-style img {
    max-width: none!important
}

.list-num {
    margin: 0 0 0 25px
}

.list-num li {
    margin: 0 0 5px;
    list-style-type: decimal
}

.list-dot {
    margin: 0 0 0 13px
}

.list-dot li {
    text-indent: -1.3em;
    margin: 0 0 5px
}

.list-dot li:before {
    content: "・ "
}

.list-dot li p {
    display: inline
}



.list-file .link-pdf,.list-file .link-word,.list-file .link-excel,.list-file .link-powerpoint {
    display: block;
    margin: 0 0 5px 40px
}

.element-news {
    margin-bottom: 30px;
    padding: 0 30px
}

.element-news dt {
    float: left;
    width: 150px;
    font-weight: 700;
    color: #5e5e5e
}

.element-news dd {
    margin: 0 0 15px;
    padding: 0 0 15px 150px;
    border-bottom: 1px dashed #c3c3c3
}

.pagetop {
    clear: both;
    float: right;
    width: 130px;
    background: #f1f1f1
}

.pagetop a {
    display: block;
    padding: 10px 30px 4px 15px;
    font-size: 12px;
    text-decoration: none
}

.element-qa dl {
    margin: 0 0 10px;
    overflow: hidden
}

.element-qa dt {
    position: relative;
    padding: 15px 50px 15px 50px;
    font-weight: 700;
    font-size: 16px;
    cursor: pointer
}

.element-qa dt:before {
    content: "Q.";
    font-size: 22px;
    font-weight: 700;
    position: absolute;
    top: 15px;
    left: 15px
}

.element-qa dt span {
    text-decoration: underline
}

.element-qa dd {
    display: none;
    font-size: 16px
}

.element-qa dd img {
    display: block;
    padding: 5px 0;
    max-width: 100%
}

.element-qa dd .element-a {
    position: relative;
    padding: 15px 15px 15px 50px;
    display: block
}

.element-qa dd .element-a:before {
    content: "A.";
    padding: 0 7px 0 0;
    font-size: 22px;
    font-weight: 700;
    position: absolute;
    top: 15px;
    left: 15px
}

.pager {
    margin: 0 30px 15px;
    padding: 0 0 15px;
    border-bottom: 1px solid #d2d2d2;
    text-align: center;
    font-size: 12px
}

.pager li {
    display: inline-block;
    padding: 0 12px;
    border-right: 1px solid #d2d2d2
}

.pager li:last-of-type {
    border-right: none
}

.pager .pager-prev:before {
    content: "<";
    padding: 0 5px 0 0
}

.pager .pager-next:after {
    content: ">";
    padding: 0 0 0 5px
}

.pager-bottom {
    padding: 15px 0 0;
    border-bottom: none;
    border-top: 1px solid #d2d2d2
}

.element-firstletter {
    width: 645px;
    padding: 15px 0 15px 15px
}

.element-firstletter .element-firstletter-heading {
    display: inline-block;
    padding: 0 10px 0 0;
    font-weight: 700
}

.element-firstletter ul {
    display: inline-block
}

.element-firstletter li {
    display: inline-block;
    border-left: 1px solid #c1c1c1;
    padding: 0 7px 0 9px;
    font-size: 16px
}

.element-bussiness {
    width: 690px
}

.element-bussiness dl {
    padding: 15px 20px 20px
}

.element-bussiness dt {
    margin-bottom: 10px
}

.element-bussiness dt strong {
    display: block;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
    padding: 2px 0
}

.element-bussiness dt span {
    color: #a9a9a9;
    display: block;
    font-size: 12px;
    margin-top: 5px
}

.element-bussiness .btn-lv2 {
    display: block
}

.element-bussiness-col1 .element-bussiness-mainvisual img {
    max-width: 315px
}

.element-bussiness-col1 .element-left {
    width: 315px
}

.element-bussiness-col1 .element-right {
    width: 335px
}

.element-bussiness-col2 .element-bussiness-inner {
    width: 706px;
    letter-spacing: -.4em
}

.element-bussiness-col2 .element-bussiness-mainvisual img {
    max-width: 338px
}

.element-bussiness-col2 .element-col-box {
    display: inline-block;
    letter-spacing: normal;
    margin: 0 15px 15px 0;
    vertical-align: top;
    width: 338px
}

.element-bussiness-col3 .element-bussiness-inner {
    width: 703px;
    letter-spacing: -.4em
}

.element-bussiness-col3 .element-bussiness-mainvisual img {
    max-width: 221px
}

.element-bussiness-col3 .element-col-box {
    display: inline-block;
    letter-spacing: normal;
    margin: 0 13px 15px 0;
    vertical-align: top;
    width: 221px
}

.element-bussiness-col3 dl {
    padding-bottom: 10px
}

.element-linespace-l p,.element-linespace-l li,.element-linespace-l dt,.element-linespace-l dd {
    line-height: 1.9
}

.element-toc li {
    text-indent: -1em;
    padding-left: 1em;
    margin-bottom: 5px
}

.element-toc li.second-layer {
    margin-left: 2em
}

.element-colum-list {
    display: table;
    table-layout: fixed
}

.element-colum-list-left,.element-colum-list-right {
    display: table-cell;
    vertical-align: top
}

.element-colum-list-left {
    width: 190px;
    text-align: center
}

.element-colum-list-left img {
    max-width: 190px;
    height: auto
}

.element-colum-list-right {
    width: 460px;
    padding-left: 10px
}

.element-colum-list-right .heading-lv2 {
    margin: 0 0 9px;
    width: auto
}

.element-colum-list-right .element-text-wrapper {
    padding: 0 10px
}

.element-colum-list-right .element-text-wrapper .element-tx {
    line-height: 1.9;
    margin-bottom: 5px
}

.element-colum-list-date {
    margin-bottom: 3px
}

.element-colum-list-date.new::after {
    background-color: #ea3323;
    color: #fff;
    content: "NEW";
    display: inline-block;
    font-size: 12px;
    margin-left: 10px;
    padding: 3px 10px
}

.element-recommend {
    width: 698px;
    margin-bottom: 10px;
    padding: 0 0 0 20px
}

.recommend-item {
    float: left;
    width: 158px;
    margin: 0 15px 24px 0
}

.recommend-item:nth-of-type(4n+1) {
    clear: both;
    float: left
}

.recommend-ph {
    margin: 0 0 5px;
    text-align: center!important
}

.recommend-name a {
    text-decoration: none;
    font-weight: 700
}

.recommend-kind {
    font-size: 13px
}

.recommend-station {
    font-size: 13px
}

.link-pastnews {
    overflow: hidden
}

.link-pastnews a {
    float: right;
    padding: 0 0 0 20px;
    text-decoration: none
}

.tac {
    text-align: center!important
}

.tar {
    text-align: right!important
}

.bold {
    font-weight: bold!important
}

.fs12 {
    font-size: 12px
}

.tx-stress {
    font-weight: 700
}

.pl20 {
    padding-left: 20px
}

.tx-price {
    color: red;
    font-size: 16px;
    font-weight: 700
}

.element-error {
    width: 620px;
    padding: 35px 0 50px
}

.element-error-heading {
    margin: 0 40px 25px;
    padding: 0 0 0 15px;
    font-size: 16px;
    font-weight: 700
}

.element-error-tx {
    padding: 0 50px
}

.guide-nav {
    clear: both;
    min-width: 980px;
    background: #f1f1f1
}

.guide-nav .inner {
    width: 980px;
    margin: 0 auto;
    padding: 30px 0 10px;
    overflow: hidden;
    zoom:1}

.guide-nav .guide-nav-heading {
    color: #404040;
    padding: 0 0 15px;
    font-weight: 700
}

.guide-nav .guide-nav-heading a {
    padding: 0!important;
    background: none!important
}

.guide-nav .guide-nav-element {
    float: left;
    width: auto;
    margin: 0 0 30px;
    padding: 5px 14px 0;
    border-right: 1px dotted #a4a4a4
}

.guide-nav .guide-nav-element:nth-of-type(5n+1) {
    width: auto;
    border-left: 1px dotted #a4a4a4
}

.guide-nav .guide-nav-element li {
    padding: 0 0 5px;
    font-size: 12px
}

.guide-nav .guide-nav-element li>ul {
    padding: 6px 0 2px 20px
}

.guide-nav .guide-nav-element li>ul li {
    padding: 0
}

.guide-nav .guide-nav-element li>ul ul {
    padding-top: 7px;
    padding-left: 20px
}

.guide-nav .guide-nav-element a {
    display: block;
    padding: 0 0 0 10px;
    text-decoration: none
}

.page-footer {
    min-width: 980px;
    background: #404040;
    color: #fff;
    font-size: 12px
}

.page-footer .inner {
    width: 980px;
    margin: 0 auto;
    padding: 20px 0;
    overflow: hidden
}

.page-footer a {
    color: #fff;
    text-decoration: none
}

.page-footer a:hover {
    color: #fff;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: .8
}

.page-footer .company-info {
    float: right;
    width: 40%;
    text-align: right
}

.page-footer .company-name {
    padding-bottom: 2px;
    font-weight: 700;
    font-size: 18px
}

.page-footer .company-address {
    font-size: 12px
}

.page-footer .company-tel {
    font-size: 12px
}

.page-footer .cr {
    clear: both;
    font-size: 11px;
    color: #d2d2d2
}

.gnav2 {
    float: left;
    width: 60%;
    padding: 0 0 10px
}

.gnav2 li {
    display: inline-block;
    * display: inline;
    * zoom:1;padding: 2px 0
}

.gnav2 li:after {
    padding: 0 10px 0 12px;
    content: "|";
    color: #d2d2d2
}

.gnav2 li:last-of-type:after {
    content: ""
}

.footer-sns {
    width: 50%;
    clear: both;
    float: left;
    margin: 0 0 10px
}

.footer-sns .fb-like {
    display: inline-block;
    overflow: hidden;
    height: 20px
}

.footer-sns * {
    vertical-align: bottom;
    margin-right: 5px
}

.device-change {
    clear: both;
    padding: 5px 0 10px
}

.device-change a {
    text-decoration: underline
}

.contents-form {
    border-top: 1px solid #ccc
}

.contents-form .contents-main {
    width: 978px;
    margin-top: 20px
}

.contents-form .contents-main .element.element-2division {
    width: auto;
    margin: 0 0 20px 20px
}

.contents-form .contents-main .element.element-2division .element-parts {
    width: 48%;
    width: -webkit-calc(50% - 20px);
    width: calc(50% - 20px)
}

.contents-form .contents-main .element.element-3division {
    width: auto;
    margin: 0 0 20px 20px
}

.contents-form .contents-main .element.element-3division .element-parts {
    width: 30%;
    width: -webkit-calc(33% - 20px);
    width: calc(33% - 20px);
    margin-right: 20px!important
}

.contents-form .contents-main .form-flow {
    margin: 20px auto
}

.contents-form .contents-main .element {
    width: 940px
}

.contents-form .contents-main .form-table {
    width: 938px
}

.contents-form .contents-main .form-table th {
    width: 191px
}

.contents-form .contents-main .form-table th.form-must {
    width: 209px
}

.contents-form .contents-main .form-table th.form-must span {
    width: auto
}

.form-table td select {
    max-width: 710px;
    width: 320px\9
}

.form-flow {
    width: 660px;
    height: 40px;
    margin: 0 0 10px
}

.form-flow li {
    width: 220px;
    padding: 13px 0;
    display: inline-block;
    color: #959595;
    line-height: 1;
    text-align: center
}

.form-flow1 li:nth-of-type(1) {
    color: #fff
}

.form-flow2 li:nth-of-type(2) {
    color: #fff
}

.form-flow3 {
    margin: 0 0 25px
}

.form-flow3 li:nth-of-type(3) {
    color: #fff
}

.form-table {
    position: relative;
    width: 658px;
    margin: 0 0 25px;
    border: 1px solid #d2d2d2
}

.form-table td,.form-table th {
    border: 1px solid #d2d2d2
}

.form-table th {
    width: 160px;
    padding: 10px 10px 10px 8px;
    text-align: left;
    vertical-align: top
}

.form-table th.form-must {
    width: 178px;
    padding: 0
}

.form-table th.form-must span {
    display: block;
    width: auto;
    padding: 10px 44px 10px 8px;
    position: relative
}

.form-table th.form-must span:after {
    content: "必須";
    background: red;
    color: #fff;
    padding: 2px;
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 12px;
    font-weight: 400
}

.form-table td {
    padding: 10px 8px
}

.form-table td li {
    padding: 0 0 5px
}

.form-table td li:last-of-type {
    padding: 0
}

.form-table td label {
    padding: 0 0 0 2px
}

.form-table .list-radio li {
    display: inline-block;
    margin: 0 10px 0 0;
    line-height: 1
}

.form-table .list-check {
    margin: 0 0 5px
}

.form-table .tx-note {
    margin: 10px 0 0
}

.form-table .tx-note span {
    font-size: 12px
}

.form-table .tx-note .form-textarea {
    margin: 5px 0 0
}

.form-table .person-tel {
    width: 320px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.form-table .person-tel .mr0 {
    margin-right: 0
}

.tx-annotation {
    color: red
}

.form-error {
    padding: 8px 0 10px;
    color: red;
    font-weight: 700
}

.form-table .form-error {
    padding: 0px!important
}

.form-address dt {
    clear: both;
    float: left;
    padding-top: 5px;
    width: 8em;
    font-weight: 700
}

.form-address dd {
    padding: 0 0 10px 9em
}

.form-complete-tx {
    padding: 0 0 45px
}

.form-textarea {
    border: 1px solid #a9a9a9;
    width: 430px;
    height: 118px;
    padding: 5px;
    font-size: 14px
}

.input-tx1 {
    width: 308px;
    height: 18px;
    padding: 5px
}

.input-tx2 {
    width: 168px;
    height: 18px;
    padding: 5px
}

.input-tx3 {
    width: 88px;
    height: 18px;
    margin: 0 5px 0 0;
    padding: 5px
}

input[type=text] {
    border: 1px solid #a9a9a9;
    font-size: 14px
}

.text-radio input[type=text] {
    display: inline-block
}

.text-radio .list-radio {
    display: inline-block
}

.text-radio .list-radio li {
    margin: 0 3px 0 0
}

sup {
    font-size: 80%;
    vertical-align: super
}

.btn-goback .btn-lv1 {
    margin-top: 15px
}

.btn-goback *:first-child {
    margin-top: 0;
    margin-right: 40px
}

.form-privacy {
    border: 1px solid #d2d2d2;
    height: 150px;
    margin: 0 0 20px;
    padding: 20px;
    overflow: auto;
    font-size: 12px
}

.form-privacy p {
    padding: 0 0 15px;
    max-height: none
}

.form-privacy ul {
    padding: 0 0 15px
}

.form-privacy ol {
    padding: 0 0 15px
}

.form-privacy dl {
    padding: 0 0 15px
}

.form-privacy-heading-lv1 {
    margin: 0 0 10px;
    padding: 0 0 3px;
    font-size: 16px;
    font-weight: 700;
    border-bottom: 1px solid #000
}

.form-privacy-heading-lv2 {
    margin: 0 0 3px;
    padding: 0 0 0 8px;
    font-size: 14px;
    font-weight: 700;
    border-left: 6px solid #000
}

.form-privacy-heading-lv3 {
    font-size: 12px;
    font-weight: 700
}

.form-privacy-heading-lv3:before {
    content: "■";
    padding: 0 5px 0 0
}

.gnav {
    min-width: 980px
}



.gnav li {
    float: left;
    display: table;
    height: 45px
}

.gnav .fs-small {
    font-size: 12px
}

.gnav .fs-small a {
    padding: 7px 10px;
    line-height: 1.3
}



.gnav .nav-count1 li {
    width: 980px
}

.gnav .nav-count2 li {
    width: 490px
}

.gnav .nav-count3 li {
    width: 326.66667px
}

.gnav .nav-count4 li {
    width: 245px
}

.gnav .nav-count5 li {
    width: 196px
}

.gnav .nav-count6 li {
    width: 163.33333px
}

.page-header {
    min-width: 980px;
    overflow: hidden;
    zoom:1}

.h-mark {
    position: fixed;
    top: 10px;
    left: -72px;
    transform: rotate(-30deg);
    z-index: 99999;
    width: 226px;
    line-height: 33px;
    font-size: 19px;
    color: #FFF;
    text-align: center
}

.h-mark:hover {
    cursor: pointer;
    opacity: .5
}

.h-mark.staging {
    background: #77B2ED;
    font-size: 14px
}

.h-mark.testing {
    background: yellowgreen
}

.h-mark.testing2 {
    background: orange
}

.h-mark.development {
    background: #edb077
}

.h-mark.local {
    background: #ed7777
}

.page-header .inner {
    position: relative;
    width: 980px;
    margin: 0 auto;
    overflow: hidden
}

.page-header .inner:after {
    content: "";
    display: table;
    clear: both
}

.page-header a {
    text-decoration: none;
    color: #000
}

.page-header a:hover {
    color: #000
}

.page-header .header-main {
    float: left;
    width: 580px;
    padding: 0 0 25px
}

.page-header .tx-explain {
    font-weight: 400;
    font-size: 12px
}

.page-header .logo {
    clear: both;
    float: left;
    width: 580px;
    padding: 15px 0 20px;
    font-size: 28px;
    font-weight: 700
}

.page-header .logo.fs-small {
    font-size: 20px
}

.page-header .logo a {
    display: table
}

.page-header .logo .company-img {
    display: table-cell;
    vertical-align: middle;
    padding: 0 10px 0 0
}

.page-header .logo img {
    max-width: 280px;
    max-height: 60px
}

.page-header .logo .company-tx {
    display: table-cell;
    vertical-align: middle
}

.page-header-top .inner {
    width: 980px;
    padding: 10px 0 0;
    overflow: hidden;
    position: relative
}

.page-header-top .tx-explain {
    float: left;
    width: 530px;
    color: #5e5e5e;
    font-size: 12px;
    font-weight: 400
}

.page-header-top .link {
    float: right;
    margin: 0 0 8px;
    border-left: 1px solid #d2d2d2
}

.page-header-top .link li {
    display: inline;
    padding: 0 8px;
    border-right: 1px solid #d2d2d2;
    font-size: 12px
}

.page-header-top .link li:last-child {
    padding-left: 6px
}

.page-header-top .link2 {
    position: relative;
    float: right;
    height: 25px;
    padding: 3px 0 0;
    margin: 0 8px 10px 0;
    background: #f0f0ea;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px
}

.page-header-top .link2:before {
    content: "";
    display: block;
    width: 1px;
    position: absolute;
    top: 7px;
    bottom: 7px;
    left: 122px;
    background: #c8c8c8
}

.page-header-top .link2 li {
    display: inline-block;
    padding: 0 9px;
    line-height: 18px
}

.page-header-top .link2 li.link2-history {
    padding-left: 4px
}

.page-header-top .link2 a {
    display: block;
    padding: 0 0 0 20px;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    color: #fff;
    text-decoration: none
}

.page-header-top .link2 a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: .8
}

.header-sns {
    float: right;
    width: 350px;
    margin: 0 0 10px;
    text-align: right
}

.header-sns .fb-like {
    display: inline-block;
    overflow: hidden;
    height: 20px
}

.header-sns * {
    vertical-align: bottom;
    margin-right: 5px
}

.header-info {
    position: relative;
    float: right;
    width: 380px;
    padding: 0 0 10px;
    text-align: right
}

.header-info .tel {
    display: inline-block;
    margin: 0 0 7px;
    font-weight: 700;
    font-size: 34px;
    font-family: Arial,Helvetica,sans-serif;
    line-height: 1
}

.header-info .time {
    font-size: 13px;
    color: #000
}

.heading-lv1 {
    margin: 0 0 20px;
    padding: 16px;
    color: #fff;
    font-size: 22px;
    font-weight: 700
}

.heading-lv1 span {
    display: block;
    padding: 0 0 0 16px;
    border-left: 5px solid #fff
}

.heading-lv2 {
    margin: 0 14px 20px;
    padding: 10px 20px 8px;
    background: #f3f3f3;
    font-size: 16px;
    font-weight: 700
}

.heading-lv3 {
    margin: 0 30px 15px;
    padding: 0 0 0 9px;
    font-size: 16px;
    font-weight: 700
}

.heading-lv4 {
    margin: 0 30px 15px;
    padding: 0 0 0 17px;
    font-size: 14px;
    font-weight: 700;
    position: relative
}

.heading-lv4:before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    background: #7d7d7d;
    position: absolute;
    top: 6px;
    left: 0
}

.element-heading {
    margin: 0 0 10px;
    font-weight: 700;
    font-size: 18px
}

.contents {
    min-width: 980px
}

.contents .inner {
    width: 980px;
    margin: 0 auto
}

.contents .inner:after {
    content: "";
    display: table;
    clear: both
}

.contents-main {
    width: 718px;
    margin: 0 0 30px;
    padding: 0 0 20px;
    border: 1px solid #d2d2d2;
    background: #fff
}

.contents-side {
    width: 230px;
    margin: 0 0 10px
}

.contents-right {
    float: right
}

.contents-left {
    float: left
}

.top .slider {
    margin: 0 0 40px
}

.top .contents {
    padding-top: 25px
}

.side-nav {
    margin: 0 0 20px;
    background: #fff;
    border: 1px solid #d2d2d2;
    border-bottom: none
}

.side-nav li {
    border-bottom: 1px solid #e3e3e3;
    font-weight: 700
}

.side-nav li a {
    padding: 10px 10px 10px 25px
}

.side-nav li li a {
    padding: 0 10px 7px 12px
}

.side-nav li ul {
    margin: 0 0 0 25px;
    padding: 0;
    border-top: 1px solid #e3e3e3
}

.side-nav li ul ul {
    margin: 0 0 0 20px
}

.side-nav .li-article li {
    border-bottom: 1px solid #e3e3e3;
    padding-top: 7px
}

.side-nav .li-article li:last-child {
    border-bottom: none
}

.side-nav li li {
    border-bottom: none;
    font-weight: 400
}

.side-nav a {
    display: block
}

.side-nav-heading {
    padding: 10px 10px 6px;
    font-size: 18px;
    font-weight: 700;
    background: #f3f3f3;
    text-align: center
}

.side-search {
    margin: 0 0 20px;
    background: #fff
}



.side-search a {
    display: block;
    padding: 15px 10px 10px 35px;
    font-weight: 700
}

.side-search-heading {
    padding: 8px 10px 5px 37px;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    border-bottom: 2px solid #d2d2d2
}

.side-others {
    margin: 0 0 20px;
    padding: 10px 0 0;
    background: #fff;
    border: 2px solid #e2e2e2
}

.side-others .company-name {
    margin: 0 13px 5px;
    font-weight: 700
}

.side-others .company-address {
    margin: 0 13px 15px
}

.side-others-heading {
    margin: 0 8px 10px;
    padding: 0 0 5px 5px;
    font-size: 16px;
    font-weight: 700
}

.side-others-link {
    margin: 0 0 30px
}

.side-others-link li {
    margin: 0 13px;
    border-bottom: 1px solid #ccc
}

.side-others-link a {
    display: block;
    padding: 10px 10px 7px 20px
}

.side-others-tx {
    margin: 0 13px 15px
}

.side-others-img {
    text-align: center;
    margin: 0 13px 15px
}

.side-others-img img {
    max-width: 200px
}

.side-others-qr {
    margin: 0 13px 30px;
    padding: 0 0 3px;
    background: #c9d5d5
}

.side-others-qr-heading {
    margin: 0 0 0;
    padding: 10px 10px 8px;
    background: #7d7d7d;
    color: #fff;
    text-align: center;
    font-size: 15px;
    font-weight: 700
}

.side-others-qr-img {
    margin: 0 0 15px;
    padding-top: 15px;
    text-align: center
}

.side-others-qr-img img {
    width: 170px;
    height: auto
}

.side-others-qr-tx {
    margin: 0 10px 21px;
    font-size: 12px
}

.side-others-line {
    margin: 0 13px 30px;
    padding: 0 0 3px;
    text-align: left
}

.side-others-line .side-others-line-balloon {
    position: relative;
    margin: 0 auto 15px;
    padding: 10px;
    background-color: #999;
    border: solid 1px #999;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    font-size: 90%;
    color: #fff;
    text-shadow: none
}

.side-others-line .side-others-line-balloon:after {
    position: absolute;
    height: 10px;
    bottom: -6px;
    content: "";
    top: 95%;
    left: 10px;
    border: 10px solid transparent;
    border-top: 15px solid #999
}

.side-others-line .side-others-line-balloon img {
    width: 100%;
    height: auto
}

.side-others-line-qr {
    margin: 0 13px 30px;
    padding: 0 0 20px;
    background-color: #999;
    text-align: left
}

.side-others-line-qr .side-others-line-qr-heading {
    margin: 0 0 0;
    padding: 12px 10px 11px;
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    text-shadow: none
}

.side-others-line-qr .side-others-line-qr-img {
    margin: 0 0 15px;
    padding: 15px 8px 0;
    text-align: center
}

.side-others-line-qr .side-others-line-qr-img img {
    width: 100%;
    height: auto
}

.side-others-line-qr .side-others-line-qr-balloon {
    position: relative;
    margin: 0 10px 0;
    padding: 10px;
    background-color: #fff;
    border: solid 1px #fff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    font-size: 90%;
    color: #000;
    text-shadow: none
}

.side-others-line-qr .side-others-line-qr-balloon:after {
    position: absolute;
    height: 10px;
    content: "";
    top: -30px;
    left: 80%;
    border: 10px solid transparent;
    border-bottom: 15px solid #fff
}

.side-others-sns {
    margin: 0 13px 30px
}

.side-others-sns .twitter-timeline-rendered {
    width: 200px!important
}

.side-others-img img {
    max-width: 100%
}

.contents-side .side-search+.side-search {
    margin-top: -20px
}

.contents-side a {
    text-decoration: none
}

.slick-slide {
    height: 319px;
    padding: 1px;
    overflow: hidden;
    text-align: center;
    display: block!important
}

.slick-slide img {
    width: 100%
}

.contents-main .slick-arrow {
    display: none!important
}

.slick-slider {
    margin-bottom: 20px
}

.slick-dots {
    position: absolute;
    bottom: -30px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 2px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent
}

.slick-dots li button:hover,.slick-dots li button:focus {
    outline: none
}

.slick-dots li button:hover:before,.slick-dots li button:focus:before {
    opacity: 1
}

.slick-dots li button:before {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 20px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '●';
    text-align: center;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
    opacity: .2;
    color: #333;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
    opacity: .9;
    color: #333
}

.tx-disable {
    color: #a0a0a0
}

.tooltip {
    position: relative
}

.tooltip.on {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}

.tooltip.on .tooltip-body {
    display: block
}

.tooltip .tooltip-icon {
    cursor: pointer
}



.tooltip .tooltip-body {
    display: none;
    position: absolute;
    top: -32px;
    left: 30px;
    width: 185px;
    padding: 10px 13px;
    background: #fff3de;
    border: 1px solid #c5b294;
    font-size: 11px;
    font-weight: 400;
    color: #000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: rgba(0,0,0,.4) 0 0 4px;
    -webkit-box-shadow: rgba(0,0,0,.4) 0 0 4px;
    box-shadow: rgba(0,0,0,.4) 0 0 4px;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    z-index: 5
}



.tooltip .tooltip-heading {
    display: block;
    margin: 0 0 10px;
    padding: 0 0 5px;
    font-size: 13px;
    border-bottom: 1px dotted #000
}

.box-overlay {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    min-width: 980px;
    top: 0;
    left: 0;
    cursor: pointer;
    background: #000;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: .5;
    z-index: 9999;
    cursor: pointer
}

.floatbox {
    display: none;
    position: absolute;
    width: 860px;
    padding: 30px;
    background: #fff;
    z-index: 9999;
    -moz-box-shadow: rgba(0,0,0,.4) 0 0 10px;
    -webkit-box-shadow: rgba(0,0,0,.4) 0 0 10px;
    box-shadow: rgba(0,0,0,.4) 0 0 10px
}

.floatbox.gallery {
    margin-top: 30px
}

.floatbox.gallery .gallery-view li {
    height: 630px
}

.floatbox.gallery .photo-zoom {
    position: relative;
    height: 630px;
    padding: 0
}

.floatbox iframe {
    width: 100%;
    border: none;
    overflow: hidden;
    margin: 0;
    padding: 0
}



.floatbox.gallery {
    width: 730px;
    padding: 30px 35px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px
}

.floatbox.gallery .gallery-view {
    position: relative;
    width: 100%;
    overflow: hidden
}

.floatbox.gallery .gallery-view ul {
    position: relative
}

.floatbox.gallery .gallery-view li {
    position: relative;
    float: left;
    width: 730px
}

.floatbox.gallery .tx-heading {
    padding: 0 40px 15px 0;
    margin: 0 0 20px;
    font-size: 18px;
    border-bottom: 1px solid #000;
    font-weight: 700
}

.floatbox.gallery .tx-caption {
    margin: 20px 0 17px
}

.floatbox.gallery .photo-zoom {
    margin-top: 25px;
    padding: 10px 0 20px;
    background: #f1f1f1;
    text-align: center
}

.floatbox.gallery .photo-zoom img {
    top: 10px!important
}

.floatbox.gallery .count {
    position: absolute;
    top: 0;
    right: 0
}

.floatbox.gallery .btn-move li {
    position: absolute;
    top: 380px
}

.floatbox.gallery .btn-move a {
    display: block;
    width: 30px;
    height: 126px;
    text-indent: -9999px
}

.floatbox.gallery .btn-move a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: .7
}

.floatbox.gallery .prev {
    left: 50px
}



.floatbox.gallery .next {
    right: 50px
}



.contents-iframe {
    width: 860px;
    margin: 0 auto;
    background: #fff
}

.contents-iframe .heading-lv2-1column {
    margin-left: 0;
    padding-left: 10px
}

.contents-iframe .element-search-area {
    width: 860px;
    overflow: visible
}

.contents-iframe .heading-area {
    margin: 0 0 15px;
    font-weight: 700;
    font-size: 16px
}

.contents-iframe .heading-area label {
    display: block;
    padding: 15px
}

.contents-iframe .heading-area input[type="checkbox"] {
    margin: 0 10px 0 0;
    font-size: 18px;
    vertical-align: baseline
}

.contents-iframe .element-search-area ul {
    margin: 0 0 30px 30px
}

.contents-iframe .element-search-area .another-area a {
    color: #666
}

.contents-iframe .element-search-area .select-area {
    font-weight: 700
}

.contents-iframe .element-search-area li {
    display: inline-block;
    clear: both;
    width: 256px;
    margin: 0 0 10px;
    padding: 0 10px 0 0;
    vertical-align: top
}

.contents-iframe .element-search-area li span {
    display: block;
    padding: 0 0 0 25px
}

.contents-iframe .element-search-area li input[type="checkbox"] {
    float: left;
    width: 20px;
    margin: 4px 5px 0 0;
    margin: 2px 5px 0 0\9
}

.contents-iframe .element-search-area .tx-disable {
    color: #a0a0a0
}

.contents-iframe .element-search-area-item-btn-filter {
    margin-bottom: 20px
}

.contents-iframe .element-search-area-item-btn-filter::after {
    content: "";
    display: table;
    clear: both
}

.contents-iframe .element-search-area-item-btn-filter-inner {
    float: right;
    position: relative;
    width: 120px
}

.contents-iframe .element-search-area-item-btn-filter-btn {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
    background: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#fff),color-stop(100%,#f2f2f2));
    background: -moz-linear-gradient(top,#fff,#f2f2f2);
    background: -webkit-linear-gradient(top,#fff,#f2f2f2);
    background: linear-gradient(to bottom,#ffffff,#f2f2f2);
    border: 1px solid #d2d2d2;
    background-color: #fff;
    color: #666;
    cursor: pointer;
    display: block;
    font-size: 14px;
    padding: 5px 10px;
    position: relative
}

.contents-iframe .element-search-area-item-btn-filter-btn.no {
    cursor: default;
    opacity: .5
}

.contents-iframe .element-search-area-item-btn-filter-note {
    background-color: #fff;
    border: 1px solid #d4d4d4;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #666;
    display: none;
    font-size: 12px;
    margin-left: -90px;
    padding: 10px;
    position: absolute;
    bottom: 45px;
    left: 50%;
    white-space: nowrap;
    width: 160px
}

.contents-iframe .element-search-area-item-btn-filter-note::before,.contents-iframe .element-search-area-item-btn-filter-note::after {
    border: 10px solid transparent;
    border-bottom-width: 0;
    content: "";
    display: block;
    position: absolute;
    left: 80px;
    width: 0
}

.contents-iframe .element-search-area-item-btn-filter-note::before {
    border-top-color: #fff;
    bottom: -9px;
    z-index: 1
}

.contents-iframe .element-search-area-item-btn-filter-note::after {
    border-top-color: #d2d2d2;
    bottom: -10px
}

.contents-iframe .element-search-area-item-btn-filter-btn.no:hover+.element-search-area-item-btn-filter-note {
    display: block
}

.contents-iframe .btn-change {
    width: 170px;
    text-align: center;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
    background: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#ffffff),color-stop(100%,#f2f2f2));
    background: -moz-linear-gradient(top,#ffffff,#f2f2f2);
    background: -webkit-linear-gradient(top,#ffffff,#f2f2f2);
    background: linear-gradient(to bottom,#ffffff,#f2f2f2);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #d4d4d4
}

.contents-iframe .btn-change a {
    display: block;
    padding: 10px 0;
    text-decoration: none;
    font-weight: 700
}

.contents-iframe .btn-search {
    display: inline-block;
    position: relative;
    width: 230px;
    margin: 0 0 20px 28px;
    text-align: center;
    background-color: #fff;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
    background: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#ffffff),color-stop(100%,#f2f2f2));
    background: -moz-linear-gradient(top,#ffffff,#f2f2f2);
    background: -webkit-linear-gradient(top,#ffffff,#f2f2f2);
    background: linear-gradient(to bottom,#ffffff,#f2f2f2);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #d4d4d4
}



.contents-iframe .btn-search.no {
    background: #fff
}



.contents-iframe .btn-search span {
    display: block;
    padding: 15px 0 15px 20px;
    text-decoration: none;
    font-weight: 700;
    font-size: 18px;
    color: #999
}

.contents-iframe .btn-search a {
    display: block;
    padding: 15px 0 15px 20px;
    text-decoration: none;
    font-weight: 700;
    font-size: 18px;
    color: #ff5b01
}

.contents-iframe .btn-search a:hover {
    color: #ff8c4e
}

.contents-iframe .total-count {
    display: inline-block;
    font-size: 24px;
    color: #e60012;
    font-weight: 700
}

.contents-iframe .num-and-btn {
    text-align: center
}

.contents-iframe .element-search-table {
    width: 100%
}

.contents-iframe .element-search-table th,.contents-iframe .element-search-table td {
    border: 1px solid #d4d4d4;
    padding: 15px
}

.contents-iframe .element-search-table th {
    width: 160px;
    background: #f1f1f1;
    text-align: center
}

.contents-iframe .element-search-table td li {
    display: inline-block;
    margin: 0 5px 0 0
}

.contents-iframe .element-detail-table {
    width: 100%;
    margin: 0 0 20px
}

.contents-iframe .element-detail-table th,.contents-iframe .element-detail-table td {
    border: 1px solid #d4d4d4
}

.contents-iframe .element-detail-table th {
    width: 120px;
    background: #f1f1f1;
    text-align: left;
    padding: 10px;
    vertical-align: middle
}

.contents-iframe .element-detail-table td {
    padding: 20px
}

.contents-iframe .element-detail-table td select {
    font-size: 16px
}

.contents-iframe .element-detail-table td .list-check {
    margin-bottom: -20px
}

.contents-iframe .element-detail-table td .list-check li {
    display: inline-block;
    margin: 0 0 20px;
    text-indent: -17px
}

.contents-iframe .element-detail-table td .list-check li input[type="checkbox"] {
    margin: 0 5px 0 0
}

.contents-iframe .element-detail-table td .list-check li.nothing {
    color: #a0a0a0
}

.contents-iframe .element-detail-table td .list-check.three li {
    width: 215px;
    margin-right: 0;
    margin-left: 0;
    padding-right: 10px;
    text-indent: 0;
    vertical-align: top
}

.contents-iframe .element-detail-table td .list-check.three li:nth-of-type(3n) {
    width: 216px;
    padding-right: 0
}

.contents-iframe .element-detail-table td .list-check.three li label {
    display: block;
    padding: 0 0 0 25px
}

.contents-iframe .element-detail-table td .list-check.three li label.checked {
    color: red
}

.contents-iframe .element-detail-table td .list-check.three li input[type="checkbox"] {
    float: left;
    width: 20px;
    margin-top: 4px;
    margin-top: 0 \9;
    vertical-align: baseline
}

.contents-iframe .element-detail-table td .list-radio {
    margin-bottom: -20px
}

.contents-iframe .element-detail-table td .list-radio li {
    display: inline-block;
    margin: 0 35px 20px 0
}

.contents-iframe .element-detail-table td .list-radio input[type="radio"] {
    margin: 0 5px 0 0;
    vertical-align: baseline
}

.btn-lv3,.btn-lv4 {
    display: inline-block;
    cursor: pointer;
    margin: 0 0 20px;
    border: 1px solid #d2d2d2
}

.btn-lv3 {
    min-width: 340px;
    padding: 10px 40px 10px 40px;
    text-decoration: none;
    font-size: 18px;
    font-weight: 700;
    border: 1px solid #d2d2d2;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
    background: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#ffffff),color-stop(100%,#f2f2f2));
    background: -moz-linear-gradient(top,#ffffff,#f2f2f2);
    background: -webkit-linear-gradient(top,#ffffff,#f2f2f2);
    background: linear-gradient(to bottom,#ffffff,#f2f2f2);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #ff5b01
}

.btn-lv3:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: .8;
    color: #ff5b01
}

.btn-lv4 {
    padding: 10px 35px 10px 35px;
    text-decoration: none;
    border: 1px solid #d2d2d2;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
    background: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#ffffff),color-stop(100%,#f2f2f2));
    background: -moz-linear-gradient(top,#ffffff,#f2f2f2);
    background: -webkit-linear-gradient(top,#ffffff,#f2f2f2);
    background: linear-gradient(to bottom,#ffffff,#f2f2f2);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 14px
}

.btn-lv4:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: .8
}

input.btn-lv3 {
    max-width: 568px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none
}

input.btn-lv4 {
    max-width: 585px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none
}

button.btn-lv3 {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none
}

button.btn-lv4 {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none
}

.contents-article {
    width: 790px;
    margin-bottom: 50px
}

.contents-article .article-main-info {
    margin: 0 0 20px;
    background: #fff;
    border: 1px solid #c9c9c9;
    overflow: hidden
}

.contents-article .article-main-info .article-heading {
    margin: -1px -1px 20px;
    padding: 20px;
    color: #fff
}

.contents-article .article-main-info .article-heading .article-type {
    display: table-cell;
    padding-right: 15px;
    vertical-align: middle
}

.contents-article .article-main-info .article-heading .article-type .type {
    display: table-cell;
    padding: 5px 8px;
    vertical-align: middle;
    font-size: 14px;
    background: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.contents-article .article-main-info .article-heading .article-name {
    display: table-cell;
    font-size: 22px;
    vertical-align: middle
}

.contents-article .article-main-info .event-schedule {
    width: 600px;
    margin: 0 0 10px;
    border: 1px solid #ddd4cd
}

.contents-article .article-main-info .event-schedule th {
    width: 102px;
    padding: 15px 12px;
    background: #f3eeea;
    color: #5a3f2b;
    font-weight: 700;
    font-size: 12px;
    text-align: left;
    vertical-align: top
}

.contents-article .article-main-info .event-schedule td {
    padding: 13px 20px;
    font-size: 13px;
    color: #000
}

.contents-article .article-main-info .article-tag {
    margin: 0 0 30px
}

.contents-article .article-main-info .article-tag ul {
    margin-right: -5px;
    overflow: hidden
}

.contents-article .article-main-info .article-tag li {
    display: table;
    float: left;
    width: 114px;
    margin: 0 5px 5px 0;
    padding: 4px 0;
    color: #fff;
    font-size: 11px;
    background: #4680b5;
    border: 1px solid #3c6d9a;
    text-align: center;
    line-height: 1
}

.contents-article .article-main-info .article-tag li span {
    display: table-cell;
    vertical-align: middle
}

.contents-article .article-main-info .article-tag li.off {
    background: #d2d2d2;
    border-color: #d2d2d2;
    color: #989898
}

.contents-article .article-main-info .article-main-info-body {
    position: relative;
    overflow: hidden
}

.contents-article .article-main-info .article-main-info-body:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 4px;
    right: 4px;
    border-bottom: 1px dotted #d5d4d4
}

.contents-article .article-main-info .left {
    float: left;
    width: 130px;
    margin-left: 20px
}

.contents-article .article-main-info .right {
    float: right;
    width: 600px;
    margin-right: 20px
}

.contents-article .article-main-info .article-ph {
    margin: 0 0 10px
}

.contents-article .article-main-info .article-ph img {
    width: 128px;
    height: 128px;
    border: 1px solid #efefef
}

.contents-article .article-main-info .btn-fav {
    margin: 0 0 20px
}



.contents-article .article-main-info .btn-fav a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: .8
}



.contents-article .article-main-info .table-main-info {
    width: 100%;
    margin: 0 0 17px;
    border: 1px solid #ccc
}

.contents-article .article-main-info .table-main-info th,.contents-article .article-main-info .table-main-info td {
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc
}

.contents-article .article-main-info .table-main-info th {
    padding: 10px;
    text-align: left;
    vertical-align: top
}

.contents-article .article-main-info .table-main-info td {
    padding: 10px;
    vertical-align: top
}

.contents-article .article-main-info .table-main-info td.cell-price {
    color: red;
    font-size: 22px;
    font-weight: 700
}

.contents-article .article-main-info .table-main-info td.cell-price span {
    font-size: 14px
}

.contents-article .article-main-info .table-main-info .cell1 {
    width: 92px
}

.contents-article .article-main-info .table-main-info .cell2 {
    width: 126px
}

.contents-article .article-main-info .table-main-info .cell3 {
    width: 58px
}

.contents-article .article-main-info .table-main-info .cell4 {
    width: 70px
}

.contents-article .article-main-info .table-main-info .cell5 {
    width: 48px
}

.contents-article .article-main-info .table-main-info .cell6 {
    width: 79px
}

.contents-article .article-main-info .btn-mail-contact {
    clear: both;
    margin: 4px 4px 4px;
    padding: 18px 0;
    background: #f1f1f1
}



.contents-article .article-main-info .btn-mail-contact a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: .7
}

.contents-article .article-main-info .article-point {
    position: relative;
    min-height: 40px;
    margin: 0 0 10px;
    padding: 10px 20px 10px 105px;
    background: #fff1ad;
    border: 3px solid #ffe896;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}



.contents-article .article-main-info .point-tx {
    font-size: 13px;
    font-weight: 700;
    color: #685c4c
}

.contents-article .item-detail-tab-contents .tab li {
    display: inline-block;
    width: 170px;
    border-bottom: none;
    text-align: center
}

.contents-article .item-detail-tab-contents .tab a {
    display: block;
    height: 30px;
    padding: 14px 0 0;
    font-size: 16px;
    text-decoration: none;
    line-height: 1;
    background: #e7e7e7;
    border: 1px solid #d2d2d2;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px;
    border-radius: 5px 5px 0 0;
    font-weight: 700
}

.contents-article .item-detail-tab-contents .tab .cu a {
    color: #fff
}

.contents-article .item-detail-tab-contents .tab.bottom {
    margin-bottom: 25px
}

.contents-article .item-detail-tab-contents .tab.bottom a {
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0;
    border-radius: 0 0 5px 5px
}

.contents-article .item-detail-tab-body {
    padding: 20px;
    border: 1px solid #c9c9c9;
    background: #fff
}

.contents-article .tx-lead {
    padding: 0 0 18px
}

.contents-article .article-info-attention {
    margin: 0 0 45px;
    font-size: 12px
}

.contents-article .article-info-attention li {
    position: relative;
    padding: 0 0 1px 15px
}

.contents-article .article-info-attention li:before {
    content: "";
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    width: 8px;
    height: 8px;
    background: #525252;
    position: absolute;
    top: 3px;
    left: 0
}

.contents-article .article-info-attention .tooltip {
    position: relative
}

.contents-article .article-info-attention .tooltip .tooltip-tx {
    text-decoration: underline;
    cursor: pointer
}

.contents-article .article-info-attention .tooltip.on {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}

.contents-article .article-info-attention .tooltip.on .tooltip-body {
    display: block
}



.contents-article .article-info-attention .tooltip .tooltip-body {
    display: none;
    position: absolute;
    top: -32px;
    left: 150px;
    width: 285px;
    padding: 10px 13px;
    background: #fff3de;
    border: 1px solid #c5b294;
    font-size: 11px;
    font-weight: 400;
    color: #000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: rgba(0,0,0,.4) 0 0 4px;
    -webkit-box-shadow: rgba(0,0,0,.4) 0 0 4px;
    box-shadow: rgba(0,0,0,.4) 0 0 4px;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    z-index: 2
}



.contents-article .article-info-attention .tooltip .tooltip-heading {
    display: block;
    margin: 0 0 10px;
    padding: 0 0 5px;
    font-size: 13px;
    border-bottom: 1px dotted #000
}

.contents-article .article-info-attention .tooltip .tooltip-table td {
    padding-left: 22px;
}

.contents-article .article-info-attention .tooltip.tooltip-commission .tooltip-body {
    width: 310px;
}

.contents-article .tx-seo {
    padding: 0 0 30px;
    font-size: 12px
}

.contents-article .pro-comment {
    width: 718px;
    margin: 0 0 15px;
    padding: 15px;
    background: #f9f3df;
    border: 1px solid #e7e0c1
}



.contents-article .pro-comment dd {
    font-size: 12px
}

.contents-article .appeal-home {
    margin-bottom: 20px
}



.contents-article .photo-gallery .left {
    float: left;
    width: 204px;
    padding: 20px 18px 0 20px;
    overflow: hidden
}

.contents-article .photo-gallery .left .thumb-wrap {
    overflow: hidden;
    padding: 0 0 10px
}

.contents-article .photo-gallery .left .thumb-viewport {
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 335px
}

.contents-article .photo-gallery .left .thumb-view {
    position: relative;
    overflow: hidden
}

.contents-article .photo-gallery .left .thumb-list {
    position: relative;
    float: left;
    width: 212px
}

.contents-article .photo-gallery .left .thumb-list .active:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 92px;
    height: 92px;
    cursor: pointer
}

.contents-article .photo-gallery .left .thumb-list li {
    position: relative;
    float: left;
    width: 96px;
    margin: 0 10px 10px 0
}

.contents-article .photo-gallery .left .thumb-list li:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: .8
}

.contents-article .photo-gallery .left .thumb-list img {
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
    font-family: 'object-fit:cover;';
    max-width: 150%;
    max-height: 150%;
    transform: translate(-50%,-50%);
    width: 150%
}

.contents-article .photo-gallery .left .thumb-list .imgbox {
    position: relative;
    width: 94px;
    height: 94px;
    overflow: hidden;
    margin: 0 auto
}

.contents-article .photo-gallery .left .pager-thumb {
    position: relative;
    height: 48px
}

.contents-article .photo-gallery .left .pager-thumb .btn li {
    position: absolute;
    top: 0
}

.contents-article .photo-gallery .left .pager-thumb .btn .prev {
    left: 0
}

.contents-article .photo-gallery .left .pager-thumb .btn .prev a {
    width: 27px;
    padding-left: 20px
}

.contents-article .photo-gallery .left .pager-thumb .btn .prev a:before {
    left: 8px
}

.contents-article .photo-gallery .left .pager-thumb .btn .next {
    right: 0
}

.contents-article .photo-gallery .left .pager-thumb .btn .next a {
    width: 33px;
    padding-left: 13px
}

.contents-article .photo-gallery .left .pager-thumb .btn .next a:before {
    right: 8px
}

.contents-article .photo-gallery .left .pager-thumb .btn a {
    position: relative;
    display: block;
    height: 30px;
    padding: 16px 0 0;
    line-height: 1;
    text-decoration: none;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
    background: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#ffffff),color-stop(100%,#f2f2f2));
    background: -moz-linear-gradient(top,#ffffff,#f2f2f2);
    background: -webkit-linear-gradient(top,#ffffff,#f2f2f2);
    background: linear-gradient(to bottom,#ffffff,#f2f2f2);
    border: 1px solid #d2d2d2;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.contents-article .photo-gallery .left .pager-thumb .btn a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
    opacity: .9
}

.contents-article .photo-gallery .left .pager-thumb .btn a:before {
    content: "";
    display: block;
    width: 6px;
    height: 8px;
    position: absolute;
    top: 19px
}

.contents-article .photo-gallery .left .pager-thumb .dots {
    text-align: center
}

.contents-article .photo-gallery .left .pager-thumb .dots li {
    display: inline-block;
    padding: 17px 2px 0
}

.contents-article .photo-gallery .left .pager-thumb .dots li a {
    display: block;
    width: 9px;
    height: 9px;
    text-indent: -9999px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #d3d0c6
}

.contents-article .photo-gallery .left .pager-thumb .dots .cu a {
    background: red
}

.contents-article .photo-gallery .right {
    position: relative;
    float: right;
    width: 478px;
    padding: 10px
}

.contents-article .photo-gallery .right .photo-wrap {
    position: relative
}

.contents-article .photo-gallery .right .photo {
    position: relative;
    display: block;
    width: 386px;
    height: 386px;
    margin: 0 auto 15px;
    padding: 9px;
    text-align: center;
    border: 1px solid #ccc;
    background: #fff
}

.contents-article .photo-gallery .right .photo img {
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute
}

.contents-article .photo-gallery .right .photo-tx {
    display: table
}

.contents-article .photo-gallery .right .photo-tx p {
    height: 36px
}

.contents-article .photo-gallery .right .tx-caption {
    display: table-cell;
    width: 159px;
    padding-left: 15px;
    vertical-align: middle;
    font-size: 12px
}

.contents-article .photo-gallery .right .link-zoom {
    display: table-cell;
    width: 130px;
    font-size: 12px;
    vertical-align: middle;
    text-align: center
}


.contents-article .photo-gallery .right .count {
    display: table-cell;
    width: 159px;
    padding-right: 15px;
    vertical-align: middle;
    text-align: right;
    font-size: 12px
}

.contents-article .photo-gallery .right .btn-move li {
    position: absolute;
    top: 190px;
    width: 30px;
    height: 46px
}

.contents-article .photo-gallery .right .btn-move a {
    display: block;
    height: 46px;
    text-indent: -9999px
}

.contents-article .photo-gallery .right .btn-move a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: .7
}

.contents-article .photo-gallery .right .btn-move .prev {
    left: 6px
}



.contents-article .photo-gallery .right .btn-move .next {
    right: 6px
}



.contents-article .section-movie {
    position: relative;
    padding: 0 0 30px
}

.contents-article .section-movie .heading-article-lv2 {
    margin: 0 0 25px
}

.contents-article .section-movie .link-dl {
    position: absolute;
    top: 0;
    right: 0;
    color: #797979;
    font-size: 12px;
    text-align: right
}

.contents-article .section-movie .movie-thumb {
    overflow: hidden;
    margin-right: -8px
}

.contents-article .section-movie .movie-thumb li {
    float: left;
    width: 120px;
    margin: 0 6px 6px 0;
    font-size: 12px
}

.contents-article .section-movie .movie-thumb li:nth-of-type(6n+1) {
    clear: both;
    float: left
}

.contents-article .section-movie .movie-thumb a {
    position: relative;
    display: block;
    margin: 0 0 3px;
    text-decoration: none
}

.contents-article .section-movie .movie-thumb a:hover:before {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
    opacity: .9
}



.contents-article .section-movie .movie-thumb img {
    width: 120px;
    height: 90px
}

.contents-article .panorama-frame {
    width: 100%;
    height: 500px;
    margin: 0 0 5px
}

.contents-article .panorama-link {
    margin: 0 0 15px;
    font-size: 12px;
    line-height: 1.2;
    text-align: right
}

.contents-article .section-detail-info {
    padding: 0 0 30px
}

.contents-article .section-detail-info .detail-info-table {
    table-layout: fixed;
    width: 750px;
    margin: 0 auto 20px;
    border: 1px solid #d4d4d4
}

.contents-article .section-detail-info .detail-info-table th,.contents-article .section-detail-info .detail-info-table td {
    border-top: 1px solid #d4d4d4;
    border-right: 1px solid #d4d4d4;
    border-left: 1px solid #d4d4d4
}

.contents-article .section-detail-info .detail-info-table th {
    width: 167px;
    padding: 10px;
    background: #f1f1f1;
    font-size: 12px;
    text-align: left
}

.contents-article .section-detail-info .detail-info-table td {
    padding: 10px;
    font-size: 12px
}

.contents-article .section-detail-info .tx-attention {
    margin-top: -10px;
    font-size: 12px;
    color: #525252
}

.contents-article .section-company {
    padding: 0 0 30px
}

.contents-article .section-company .company-body {
    padding: 20px 30px
}

.contents-article .section-company .company-name {
    margin: 0 0 15px;
    font-size: 16px;
    font-weight: 700
}

.contents-article .section-company .company-ph img {
    float: left;
    width: 120px;
    height: 120px;
    padding: 0 0 20px
}

.contents-article .section-company .company-tx {
    font-size: 12px
}

.contents-article .section-company .company-tx dt {
    float: left;
    padding: 0 5px 0 0
}

.contents-article .section-company .company-tx dd {
    padding: 0 0 5px
}

.contents-article .section-company .btn-mail-contact {
    clear: both;
    margin: 15px 0 0;
    padding: 20px 0 0;
    border-top: 1px solid #e2e1d9
}



.contents-article .section-company .btn-mail-contact a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: .7
}

.contents-article .around-info {
    padding-bottom: 0
}

.contents-article .around-info .btn-mail-contact {
    position: relative;
    clear: both;
    margin: 4px -15px 4px;
    padding: 18px 0;
    background: #f1f1f1
}

.contents-article .around-info .btn-mail-contact:before {
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    left: 0;
    right: 0;
    top: -4px;
    border-top: 1px dotted #d5d4d4
}



.contents-article .around-info .btn-mail-contact a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: .7
}

.contents-article .section-around:after {
    content: "";
    display: table;
    clear: both
}

.contents-article .section-map .map-address {
    padding: 0 0 10px;
    font-size: 13px
}

.contents-article .section-map .map-article {
    width: 750px;
    height: 345px;
    margin: 0 0 10px
}

.contents-article .around-list {
    margin: 0 -10px 15px 0
}

.contents-article .around-list:after {
    content: "";
    display: table;
    clear: both
}

.contents-article .around-list li {
    float: left;
    width: 154px;
    margin: 0 7px 7px 0;
    padding: 10px 13px;
    background: #f9f3df;
    border: 1px solid #e7e0c1;
    font-size: 12px
}

.contents-article .around-list .tx-desc {
    display: none
}

.contents-article .around-thumb {
    margin: 0 0 5px
}

.contents-article .around-thumb a {
    text-decoration: none
}

.contents-article .around-thumb img {
    width: 154px
}

.contents-article .map-annotation {
    padding: 0 0 30px;
    font-size: 12px
}

.contents-article .heading-article-lv2 {
    position: relative;
    margin: 0 0 15px;
    padding: 0 0 0 17px;
    font-size: 18px
}

.contents-article .heading-article-lv2:before {
    content: "";
    display: block;
    width: 5px;
    position: absolute;
    left: 0;
    top: 2px;
    bottom: 2px;
    background: #000
}

.article-side {
    width: 170px;
    margin: 0 0 40px;
    background: #fff
}

.article-side-heading {
    margin: -1px -1px 10px;
    padding: 8px 0;
    text-align: center;
    color: #fff
}

.side-watch {
    background: #fff;
    border: 1px solid #c9c9c9
}

.side-watch .watch-list {
    width: 128px;
    margin: 0 auto 10px;
    padding: 0 11px 8px;
    border-bottom: 1px dotted #d5d4d4
}

.side-watch .watch-list:last-of-type {
    border: none
}

.side-watch .watch-list .watch-ph {
    width: 128px;
    margin: 0 0 8px
}

.side-watch .watch-list .watch-ph img {
    width: 128px;
    border: 1px solid #d2d2d2
}

.side-watch .watch-list .watch-name {
    padding: 0 0 5px;
    line-height: 1.2;
    font-weight: 700
}

.side-watch .watch-list .watch-name a {
    text-decoration: none;
    font-size: 12px
}

.side-watch .watch-list .watch-price {
    padding: 0 0 5px;
    font-size: 14px;
    font-weight: 700;
    color: red
}

.side-watch .watch-list .watch-kind {
    font-size: 11px
}

.side-watch .watch-list .watch-time {
    font-size: 11px
}

.article-checklist {
    position: relative
}

.article-checklist .no-item {
    display: none;
    padding: 50px 20px 80px;
    font-size: 20px;
    text-align: center
}

.article-checklist .heading-lv1-1column {
    height: 50px;
    margin: 0 0 15px;
    padding: 18px 15px 0
}

.article-checklist .element-tab-search li a {
    padding: 10px 0;
    font-weight: 700
}

.article-checklist .element-tab-search.bottom {
    margin-bottom: 30px
}

.article-checklist .element-tab-search.bottom ul {
    border-bottom: none
}

.article-checklist .element-tab-search.bottom li {
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0;
    border-radius: 0 0 5px 5px
}

.article-checklist .tx-limited {
    padding: 0 20px 10px;
    font-size: 14px;
    font-weight: 700
}

.article-checklist .tx-attention {
    padding: 0 20px 15px;
    font-size: 12px
}

.article-checklist .element-tab-body {
    margin-bottom: 0;
    padding: 30px;
    border: 1px solid #d4d4d4
}

.article-checklist .collect-processing {
    margin: 0 0 10px
}

.article-checklist .collect-processing.history {
    width: 651px
}

.article-checklist .collect-processing.history .btn {
    right: 13px
}

.article-checklist .collect-processing.fav {
    width: 611px
}

.article-checklist .collect-processing.fav .btn {
    right: 13px
}

.article-checklist .collect-processing.bottom {
    margin-top: 18px
}

.article-checklist .collect-processing .btn-fav {
    width: 150px
}

.article-checklist .collect-processing .btn-delete {
    width: 110px
}



.article-checklist .collect-processing .btn-contact {
    width: 150px
}



.article-checklist .sort-select {
    margin: -40px 0 25px
}

.article-checklist .article-object {
    border-left: 1px solid #c9c9c9;
    border-right: 1px solid #c9c9c9
}

.article-checklist .article-object .comment-pro dd {
    width: 720px
}

.article-checklist .article-object .object-wrap:before {
    left: 127px
}

.article-checklist .article-object .object-l {
    width: 128px
}

.article-checklist .article-object .object-r {
    width: 720px;
    padding: 9px 13px
}

.article-checklist .article-object .object-r .object-data td {
    padding: 20px 10px
}

.article-checklist .article-object .object-r .object-data td.cell1 {
    width: 209px
}

.article-checklist .article-object .object-r .object-data td.cell2 {
    width: 39px
}

.article-checklist .article-object .object-r .object-data td.cell3 {
    width: 99px
}

.article-checklist .article-object .object-r .object-data td.cell4 {
    width: 59px
}

.article-checklist .article-object .object-r .object-data td.cell5 {
    width: 79px
}

.article-checklist .article-object .object-r .object-data td.cell6 {
    width: 108px
}



.article-checklist .object-data th {
    padding: 10px 3px;
    background: #f1f1f1;
    border: 1px solid #d4d4d4;
    font-size: 12px
}

.checklist-tab {
    position: absolute;
    right: 10px;
    top: 24px;
    text-align: right
}

.checklist-tab li {
    display: inline-block;
    width: 190px;
    margin: 0 2px 0 0;
    background: #d4d4d4;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px;
    border-radius: 5px 5px 0 0
}

.checklist-tab a {
    display: block;
    height: 27px;
    padding: 16px 0 0;
    text-decoration: none;
    text-align: center;
    line-height: 1;
    font-size: 18px;
    font-weight: 700
}

.checklist-tab .active {
    background: #fff
}

.checklist-tab .active a {
    border-bottom: 1px solid #fff
}

.element-table6,.element-table7,.element-table8 {
    margin: 0 0 30px
}

.element-table6 th,.element-table7 th,.element-table8 th {
    padding: 15px;
    background: #f1f1f1
}

.element-table6 th,.element-table6 td,.element-table7 th,.element-table7 td,.element-table8 th,.element-table8 td {
    border: 1px solid #d4d4d4
}

.form-table.element-table6 {
    width: 100%
}

.form-table.element-table6 th {
    width: 178px;
    text-align: left;
    background: #f1f1f1
}

.form-table.element-table6 td {
    padding: 15px 20px
}

.form-table.element-table6 td .bold {
    padding: 0 10px 0 0
}

.validate-error {
    background: #fff2f2!important
}

.contents-main-1column .form-privacy-heading-lv1 {
    margin: 50px 0 20px;
    font-size: 18px
}

.contents-main-1column .form-privacy {
    margin: 0 10px 20px
}

.contents-main-1column form .element-tx {
    margin: 0 10px 20px
}

.contents-main-1column .form-complete-tx {
    padding: 0 50px 45px;
    font-size: 20px
}

.contents-main-1column .btn-confirm {
    margin-bottom: 55px
}

.contents-main-1column .btn-topback {
    margin-top: 30px;
    margin-bottom: 95px;
    font-weight: 700
}

.contents-main-1column .btn-topback .btn-lv4 {
    width: 200px;
    font-size: 18px
}

.element-table7 {
    width: 100%
}

.element-table7 th {
    text-align: center;
    vertical-align: middle
}

.element-table7 th.col1 {
    width: 50px;
    padding: 15px 0
}

.element-table7 th.col2 {
    width: 90px
}

.element-table7 th.col3 {
    width: 200px
}

.element-table7 th.col4 {
    width: 50px
}

.element-table7 th.col5 {
    width: 60px;
    text-align: left
}

.element-table7 th.col6 {
    width: 100px;
    padding: 15px 0
}

.element-table7 th.col7 {
    width: 90px
}

.element-table7 th.col8 {
    width: 149px;
    padding: 15px 0
}

.element-table7 td {
    padding: 10px;
    text-align: center;
    vertical-align: middle
}

.element-table7 td.cell-checkbox {
    background: #f1f1f1
}

.element-table7 td.col2 {
    text-align: left;
    width: auto
}

.element-table7 .col1 {
    width: 1px
}

.element-table8 th {
    text-align: center;
    vertical-align: middle
}

.element-table8 td {
    padding: 10px;
    text-align: center;
    vertical-align: middle
}

.element-table8 td.col2 {
    text-align: left;
    width: auto
}

.element-table8 .col1 {
    width: 90px
}

.element-table8 .col2 {
    width: 228px
}

.element-table8 .col3 {
    width: 49px
}

.element-table8 .col4 {
    width: 79px
}

.element-table8 .col5 {
    width: 99px;
    padding: 15px 0
}

.element-table8 .col6 {
    width: 89px
}

.element-table8 .col7 {
    width: 118px
}

.contents.contents-form {
    border-top: 1px solid #ccc
}

.contents.contents-form .contents-main-1column {
    margin-top: 20px
}

.howto-see .tx-explain {
    width: 980px;
    margin: 10px auto 0;
    font-weight: 400;
    font-size: 12px;
    color: #5e5e5e
}

.howto-see .howto-see-wrap {
    width: 980px;
    margin: 0 auto;
    background: #fff
}

.howto-see .howto-see-wrap .inner {
    margin: 0 0 40px;
    padding: 24px 20px 40px;
    border: 1px solid #c9c9c9
}

.howto-see .company-name {
    min-width: 980px;
    margin: 0 0 30px;
    font-size: 28px;
    font-weight: 700;
    -moz-box-shadow: rgba(0,0,0,.15) 0 3px 5px;
    -webkit-box-shadow: rgba(0,0,0,.15) 0 3px 5px;
    box-shadow: rgba(0,0,0,.15) 0 3px 5px;
    background: #fff
}

.howto-see .company-name span {
    display: block;
    width: 980px;
    margin: 0 auto;
    padding: 15px 0 20px
}

.howto-see .heading-howto {
    padding: 20px 15px;
    font-size: 22px;
    font-weight: 700;
    color: #fff
}

.howto-see .link-page {
    margin: 0 0 30px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iNjAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjJmMmYyIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g);
    background-size: 100%;
    background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#ffffff),color-stop(60%,#ffffff),color-stop(100%,#f2f2f2));
    background-image: -moz-linear-gradient(#ffffff,#ffffff 60%,#f2f2f2);
    background-image: -webkit-linear-gradient(#ffffff,#ffffff 60%,#f2f2f2);
    background-image: linear-gradient(#ffffff,#ffffff 60%,#f2f2f2);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #d2d2d2
}

.howto-see .link-page:after {
    content: "";
    display: table;
    clear: both
}

.howto-see .link-page li {
    position: relative;
    float: left
}

.howto-see .link-page li:after {
    content: "";
    width: 1px;
    background: #d2d2d2;
    position: absolute;
    top: 13px;
    bottom: 13px;
    right: 0
}

.howto-see .link-page li:last-of-type:after {
    background: none
}

.howto-see .link-page a {
    position: relative;
    display: block;
    width: 312px;
    height: 41px;
    padding: 25px 0 0;
    line-height: 1;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none
}

.howto-see .link-page a:before {
    content: "";
    display: block;
    position: absolute;
    left: 80px;
    top: 26px;
    border: 7px solid transparent;
    border-top: 8px solid #fff;
    border-bottom: 8px solid transparent;
    z-index: 2
}

.howto-see .link-page a:after {
    content: "";
    display: block;
    position: absolute;
    left: 80px;
    top: 29px;
    border: 7px solid transparent;
    border-top: 8px solid red;
    border-bottom: 8px solid transparent
}

.howto-see .link-page .link-page-icon a:before {
    left: 40px
}

.howto-see .link-page .link-page-icon a:after {
    left: 40px
}

.howto-see .heading-howto2 {
    margin: 0 0 20px;
    padding: 0 0 0 12px;
    font-size: 20px;
    font-weight: 700
}

.howto-see .tx-lead {
    padding: 0 0 20px;
    color: #525252
}

.howto-see .howto-attention .inner {
    padding: 24px 18px;
    border: 1px solid #c9c9c9
}

.howto-see .heading-attention {
    position: relative;
    margin: 0 0 10px;
    font-size: 16px
}

.howto-see .heading-attention:before {
    content: "!";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px 0 0;
    color: #fff;
    font-size: 13px;
    font-family: arial;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    text-align: center;
    line-height: 20px;
    font-weight: 400;
    vertical-align: top
}

.howto-see .list-attention {
    margin: 0 0 30px 30px
}

.howto-see .list-attention li:before {
    content: "・"
}

.howto-see .table-attention table {
    width: 900px;
    margin: 0 auto 30px
}

.howto-see .table-attention th,.howto-see .table-attention td {
    padding: 15px;
    border: 1px solid #d4d4d4
}

.howto-see .table-attention th {
    width: 160px;
    background: #f1f1f1;
    text-align: left;
    vertical-align: middle
}

.howto-see .table-attention#icon th {
    text-align: center
}

.howto-see .table-attention#term .cell1 {
    width: 108px
}

.howto-see .table-attention#term .cell2 {
    width: 149px;
    font-weight: 400
}

.howto-see .table-attention .tx {
    color: #525252;
    width: 900px;
    margin: 0 auto;
    padding: 0 0 10px
}

.howto-see .heading-table {
    margin: 0 0 20px;
    padding: 13px 18px;
    font-size: 16px;
    font-weight: 700
}

.howto-see .btn-howto-close {
    text-align: center
}

.howto-see .btn-howto-close a {
    display: inline-block;
    width: 300px;
    padding: 15px 0;
    text-decoration: none;
    color: #000;
    border: 1px solid #d2d2d2;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
    background: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#ffffff),color-stop(100%,#f2f2f2));
    background: -moz-linear-gradient(top,#ffffff,#f2f2f2);
    background: -webkit-linear-gradient(top,#ffffff,#f2f2f2);
    background: linear-gradient(to bottom,#ffffff,#f2f2f2);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}



.howto-see .cr {
    min-width: 980px;
    text-align: center;
    background: #5e5e5e;
    padding: 25px 0;
    color: #d2d2d2;
    font-size: 11px;
    text-align: center
}

.articlelist-main {
    width: 760px;
    position: relative;
    margin: 0 0 30px
}

.articlelist-main .element-tx {
    width: auto;
    padding: 0 15px
}

.articlelist-main .element-tx p {
    padding: 0 0 15px
}

.articlelist-main .articlelist-inner {
    margin: 0 0 30px;
    border: 1px solid #d2d2d2;
    background: #fff
}

.articlelist-main .tx-nohit {
    padding: 40px 0 60px;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    line-height: 1.7
}

.articlelist-main .btn-request {
    display: block;
    margin: 0 auto;
    text-align: center;
    line-height: 0
}



.articlelist-main .btn-request a:hover {
    opacity: .8;
    filter: alpha(opacity=80)
}

.articlelist-main .total-count {
    float: left;
    padding: 0 0 0 15px;
    font-size: 12px
}

.articlelist-main .total-count span {
    font-size: 18px;
    color: red;
    font-weight: 700
}

.articlelist-main .count-wrap {
    overflow: hidden;
    margin: 13px 0 10px
}

.articlelist-main .element-search-from {
    width: 710px;
    margin: 0 0 25px
}

.articlelist-main .element-search-from-item {
    padding: 0 0 30px
}

.articlelist-main .heading-search-from {
    font-size: 14px
}

.articlelist-main .tx-auto {
    margin: 0 0 20px;
    font-size: 12px
}

.heading-article {
    margin: 0 0 10px;
    padding: 5px 110px 10px 15px;
    color: #fff;
    font-size: 22px
}

.heading-article span {
    font-size: 13px
}

.link-howto-see {
    position: absolute;
    top: 10px;
    right: 10px
}

.link-howto-see a {
    display: block;
    padding: 3px 15px;
    border: 1px solid #d2d2d2;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    font-size: 12px;
    background: #fff;
    text-decoration: none
}

.article-pager {
    float: right;
    padding: 0 10px 0 0;
    text-align: right
}

.article-pager li {
    display: inline-block;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
    background: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#ffffff),color-stop(100%,#f3f3f3));
    background: -moz-linear-gradient(top,#ffffff,#f3f3f3);
    background: -webkit-linear-gradient(top,#ffffff,#f3f3f3);
    background: linear-gradient(to bottom,#ffffff,#f3f3f3)
}

.article-pager a,.article-pager span {
    display: block;
    padding: 6px 8px;
    line-height: 1;
    font-size: 12px;
    border: 1px solid #d2d2d2
}

.article-pager span {
    color: #000;
    font-weight: 700;
    background: #fff;
    border: 1px solid #fff
}



.sort-select {
    margin: 0 10px 10px 0;
    text-align: right
}

.sort-select dt {
    display: inline-block;
    margin: 0 5px 0 0;
    font-weight: 700;
    font-size: 12px;
    vertical-align: middle
}

.sort-select dd {
    display: inline-block;
    font-size: 12px;
    vertical-align: bottom
}

.sort-select dd+dt {
    margin-left: 20px
}

.sort-select select {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #ccc
}

.collect-processing {
    position: relative;
    height: 44px;
    margin: 0 80px 10px 10px;
    padding: 0 0 0 15px;
    background: #e7e7e7
}



.collect-processing .tx-all {
    position: relative;
    display: inline-block;
    margin: 0 14px 0 0;
    padding: 15px 18px 15px 0;
    font-weight: 700;
    line-height: 1
}

.collect-processing .tx-all:after {
    content: "";
    display: block;
    width: 1px;
    position: absolute;
    top: 10px;
    bottom: 10px;
    right: 0;
    background: #ababab
}

.collect-processing .tx-all input {
    margin: 0 8px 0 0;
    font-size: 18px
}

.collect-processing .tx {
    display: inline-block;
    padding: 3px 0 0;
    font-size: 13px
}

.collect-processing .btn {
    position: absolute;
    display: inline-block;
    top: 8px;
    right: 18px
}

.collect-processing .btn li {
    display: inline-block
}

.collect-processing .btn a,.collect-processing .btn span {
    text-indent: -9999px;
    display: block;
    width: 150px;
    height: 28px
}

.collect-processing .btn a:hover,.collect-processing .btn span:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: .8
}

.collect-processing .btn-fav {
    margin: 0 6px 0 0
}



.collect-processing.bottom {
    margin-top: 18px;
    margin-bottom: 20px
}



.collect-processing.bottom:after {
    background: none
}

.sort-table {
    border-top: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4
}

.sort-table.fixed {
    position: fixed;
    top: 0;
    z-index: 2
}

.sort-table table {
    width: 758px
}

.sort-table th {
    padding: 5px 0;
    font-size: 12px;
    border-right: 1px solid #d4d4d4;
    vertical-align: middle;
    font-weight: 400
}

.sort-table th span {
    display: inline-block;
    padding: 0 12px 0 0
}

.sort-table .cell1 {
    width: 118px
}

.sort-table .cell2 {
    width: 209px
}

.sort-table .cell3 {
    width: 49px
}

.sort-table .cell3 span {
    padding: 0 0 7px
}

.sort-table .cell4 {
    width: 79px
}

.sort-table .cell5 {
    width: 79px
}

.sort-table .cell6 {
    width: 89px
}

.sort-table .cell7 {
    border: none
}

.article-object {
    border-bottom: 1px solid #c9c9c9;
    cursor: pointer
}

.article-object.hover {
    background: #ffffd5
}

.article-object .object-header {
    display: table;
    width: 100%;
    border-bottom: 1px dotted #d5d4d4
}

.article-object .object-check {
    display: table-cell;
    background: #e7e7e7;
    width: 50px;
    padding: 15px 0;
    text-align: center;
    vertical-align: middle
}

.article-object .object-check input {
    font-size: 18px
}

.article-object .object-name {
    position: relative;
    display: table-cell;
    padding: 15px 10px;
    font-size: 16px;
    font-weight: 700
}

.article-object .object-name.new {
    padding-left: 60px
}



.article-object .object-name.opened {
    padding-right: 90px
}



.article-object .comment-pro {
    padding: 9px;
    border-bottom: 1px dotted #d5d4d4
}

.article-object .comment-pro dl {
    height: 40px;
    background: #fff1ad
}

.article-object .comment-pro dt {
    position: relative;
    float: left;
    width: 120px;
    padding: 14px 0;
    color: #ef6b00;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    line-height: 1
}

.article-object .comment-pro dt:after {
    content: "";
    display: block;
    width: 1px;
    position: absolute;
    top: 10px;
    bottom: 10px;
    right: 0;
    background: #d4d4d4
}

.article-object .comment-pro dd {
    float: left;
    width: 600px;
    padding: 13px 0 13px 13px;
    font-size: 12px;
    word-wrap: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.article-object .icon-condition li {
    margin: 0 0 5px
}

.article-object .object-wrap {
    position: relative
}

.article-object .object-wrap:before {
    content: "";
    display: block;
    width: 2px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 118px;
    border-left: 1px dotted #d5d4d4
}

.article-object .object-wrap:after {
    content: "";
    display: table;
    clear: both
}

.article-object .object-l {
    float: left;
    width: 118px;
    padding: 9px 0;
    text-align: center
}

.article-object .object-l .object-thumb {
    text-align: center
}

.article-object .object-l .object-thumb img {
    margin: 0 0 9px;
    max-width: 100px;
    max-height: 100px
}

.article-object .object-l .object-thumb-zoom {
    display: none;
    position: absolute;
    top: 0;
    left: 118px;
    z-index: 3
}

.article-object .object-l .object-thumb-zoom img {
    border: 1px solid #7c7c7c;
    -moz-box-shadow: rgba(0,0,0,.36) 0 2px 5px;
    -webkit-box-shadow: rgba(0,0,0,.36) 0 2px 5px;
    box-shadow: rgba(0,0,0,.36) 0 2px 5px
}

.article-object .object-r {
    float: right;
    width: 621px;
    padding: 9px
}

.article-object .object-r .object-data {
    width: 100%;
    margin: 0 0 15px
}

.article-object .object-r .object-data td {
    padding: 20px 10px;
    border: 1px solid #d4d4d4;
    text-align: center;
    vertical-align: middle;
    font-size: 12px
}

.article-object .object-r .object-data .cell1 {
    width: 179px;
    font-size: 12px;
    text-align: left
}

.article-object .object-r .object-data .cell1 .bold {
    font-size: 13px
}

.article-object .object-r .object-data .cell2 {
    width: 30px
}

.article-object .object-r .object-data .cell3 {
    width: 68px;
    padding-right: 5px;
    padding-left: 5px
}

.article-object .object-r .object-data .cell3 .price {
    color: red;
    font-weight: 700
}

.article-object .object-r .object-data .cell3 .price.num {
    font-size: 18px
}

.article-object .object-r .object-data .cell4 {
    width: 58px
}

.article-object .object-r .object-data .cell5 {
    width: 70px
}

.article-object .object-r .btn {
    float: right;
    padding: 0 0 15px
}

.article-object .object-r .btn li {
    display: inline-block
}

.article-object .object-r .btn a,.article-object .object-r .btn span {
    display: block;
    width: 150px;
    height: 36px;
    text-indent: -9999px
}

.article-object .object-r .btn a:hover,.article-object .object-r .btn span:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: .8
}


.article-object .object-r .btn .btn-fav {
    margin: 0 3px
}



.article-object .object-r .btn .btn-fav.done span:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}


.fav-done-message {
    display: none;
    position: absolute;
    left: 50%;
    margin-left: -200px;
    width: 400px;
    height: auto;
    padding: 15px 0 10px;
    background: #fff;
    border: 3px solid #ff5b01;
    text-align: center;
    z-index: 10000;
    -moz-box-shadow: rgba(0,0,0,.36) 0 2px 5px;
    -webkit-box-shadow: rgba(0,0,0,.36) 0 2px 5px;
    box-shadow: rgba(0,0,0,.36) 0 2px 5px
}

.fav-done-message .heading {
    padding: 0 0 10px;
    font-size: 20px;
    font-weight: 700;
    color: #ff5b01
}

.fav-done-message .tx1 {
    padding: 0 0 10px
}

.fav-done-message .tx2 {
    width: 320px;
    margin: 0 auto;
    padding: 15px 0;
    border-top: 1px dotted #d5d4d4
}

.fav-done-message input[type="checkbox"] {
    margin-right: 5px
}

.fav-done-message .btn-close {
    padding: 5px 0 10px;
    text-align: center
}

.fav-done-message .btn-close a {
    display: inline-block;
    padding: 5px 10px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
    background: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#ffffff),color-stop(100%,#f3f3f3));
    background: -moz-linear-gradient(top,#ffffff,#f3f3f3);
    background: -webkit-linear-gradient(top,#ffffff,#f3f3f3);
    background: linear-gradient(to bottom,#ffffff,#f3f3f3);
    border: 1px solid #d2d2d2;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    text-decoration: none;
    color: #000;
    font-size: 13px
}

.articlelist-side {
    width: 200px;
    margin: 0 0 30px
}

.articlelist-side .tx-disable {
    color: #a0a0a0
}

.articlelist-side-heading {
    position: relative;
    margin: 0 0 15px;
    padding: 10px 20px;
    color: #fff
}

.articlelist-side-heading:before {
    content: "";
    display: block;
    width: 3px;
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 10px;
    background: #fff
}

.articlelist-side-section {
    margin: 0 0 10px;
    background: #fff;
    border: 1px solid #c9c9c9
}

.articlelist-side-section .checked {
    color: red
}

.articlelist-side-section.change-area a {
    text-decoration: none
}

.articlelist-side-section.change-area .articlelist-side-heading {
    margin: 0 0 10px
}

.articlelist-side-section.change-area .change-area1 {
    margin: 0 10px 10px;
    padding: 0 0 10px;
    overflow: hidden;
    border-bottom: 1px dotted #d5d4d4
}

.articlelist-side-section.change-area .change-area1 .btn-change {
    float: right;
    font-size: 13px
}

.articlelist-side-section.change-area .change-area2 {
    margin: 0 10px;
    padding: 0 0 10px;
    overflow: hidden
}

.articlelist-side-section.change-area .change-area2 .btn-change {
    float: right
}

.articlelist-side-section.change-area .area {
    float: left;
    margin: 5px 0 0;
    font-weight: 700
}

.articlelist-side-section.change-area .area-detail {
    padding: 0 0 5px;
    font-size: 13px
}

.articlelist-side-section.change-area .btn-change li {
    display: inline-block
}

.articlelist-side-section.change-area .btn-change a {
    display: block;
    min-width: 38px;
    padding: 3px 10px;
    font-size: 13px;
    text-align: center;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
    background: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#ffffff),color-stop(100%,#f3f3f3));
    background: -moz-linear-gradient(top,#ffffff,#f3f3f3);
    background: -webkit-linear-gradient(top,#ffffff,#f3f3f3);
    background: linear-gradient(to bottom,#ffffff,#f3f3f3);
    border: 1px solid #d2d2d2;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.articlelist-side-section .articlelist-side-heading2 {
    margin: 0 0 10px;
    padding: 0 0 0 7px;
    font-weight: 700;
    line-height: 1
}

.articlelist-side-section .select-term {
    margin: 0 10px 10px;
    padding: 0 0 10px;
    border-bottom: 1px dotted #d5d4d4
}

.articlelist-side-section .select-term li {
    text-indent: -1.25em;
    padding-left: 1.25em
}

.articlelist-side-section .select-term .count {
    font-size: 12px
}

.articlelist-side-section .select-term .select-price {
    margin: 0 0 10px;
    font-size: 10px
}

.articlelist-side-section .select-term .select-price select {
    width: 80px;
    margin: 0
}

.articlelist-side-section .select-term .floor-type li input[type="checkbox"],.articlelist-side-section .select-term .structure-type li input[type="checkbox"] {
    margin-right: 0px\9
}

.articlelist-side-section .select-term li {
    margin: 0 0 3px
}

.articlelist-side-section .select-term select {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #ccc
}

.articlelist-side-section .select-term input[type="checkbox"],.articlelist-side-section .select-term input[type="radio"] {
    margin: 0 4px 0 0
}

.articlelist-side-section .link-more-term {
    margin: 0 9px 10px
}

.articlelist-side-section .link-more-term a {
    display: block;
    padding: 8px 0;
    text-align: center;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none
}

.articlelist-side-section .link-more-term a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: .8
}

.articlelist-side-section .btn-request {
    margin: 0 9px 10px;
    text-align: center;
    line-height: 0
}



.articlelist-side-section .btn-request a:hover {
    opacity: .8;
    filter: alpha(opacity=80)
}

.article-icon-explain-heading {
    margin-top: 20px;
    padding: 10px 12px 8px;
    font-size: 12px;
    color: #525252
}

.article-icon-explain {
    padding: 0 0 5px;
    background: #e7e7e7
}

.article-icon-explain .icon-list {
    margin: 0 5px;
    padding: 10px 7px;
    background: #fff
}

.article-icon-explain .icon-list li {
    margin: 0 0 7px;
    padding: 0 0 7px;
    border-bottom: 1px solid #e7e7e7
}

.article-icon-explain .icon-list li:last-child {
    border: none;
    margin: 0;
    padding: 0
}



.article-icon-explain .icon-list .icon-new .tx {
    padding: 0 0 0 45px
}



.article-icon-explain .icon-list .icon-new-article .tx {
    padding: 0 0 0 53px
}



.article-icon-explain .icon-list .icon-not-person .tx {
    padding: 0 0 0 53px
}



.article-icon-explain .icon-list .icon {
    clear: both;
    float: left;
    display: block;
    margin-right: 5px;
    text-indent: -9999px
}

.article-icon-explain .icon-list .tx {
    display: block;
    font-size: 11px
}

.loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -70px 0 0 -70px;
    width: 140px;
    height: 140px;
    z-index: 10
}

.articlelist-main.page-special .link-howto-see {
    top: 15px
}

.articlelist-main.page-special .heading-article {
    padding: 10px 15px
}

.articlelist-main.page-special .element-recommend {
    width: 728px;
    padding: 40px 0 0 30px
}

.articlelist-main.page-special .element-recommend h3 {
    margin: -15px 0 20px -15px;
    padding: 0 0 0 20px;
    font-size: 18px
}

.articlelist-main.page-special .recommend-item {
    width: 125px;
    margin: 0 18px 24px 0
}

.articlelist-main.page-special .recommend-item:nth-of-type(4n+1) {
    clear: none
}

.articlelist-main.page-special .recommend-item:nth-of-type(5n+1) {
    clear: both
}

.articlelist-main.page-special .recommend-ph {
    width: 100px;
    margin: 0 auto 5px
}

.articlelist-main.page-special .recommend-name {
    font-size: 12px
}

.btn-single {
    margin: 0 0 50px;
    text-align: center
}

.btn-single a {
    display: inline-block;
    width: 300px;
    padding: 15px 0;
    text-decoration: none;
    color: #000;
    border: 1px solid #d2d2d2;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
    background: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#ffffff),color-stop(100%,#f2f2f2));
    background: -moz-linear-gradient(top,#ffffff,#f2f2f2);
    background: -webkit-linear-gradient(top,#ffffff,#f2f2f2);
    background: linear-gradient(to bottom,#ffffff,#f2f2f2);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.heading-lv1-1column {
    margin: 0 0 25px;
    padding: 18px 15px;
    color: #fff;
    font-size: 22px;
    max-height: 100%
}

.heading-lv2-1column {
    margin: 0 20px 20px;
    padding: 0 0 0 20px;
    font-size: 20px;
    max-height: 100%
}

.contents-main-1column {
    width: 978px;
    margin: 0 auto 40px;
    background: #fff;
    border: 1px solid #c9c9c9
}

.contents-main-1column .element.element-2division {
    width: auto;
    margin: 0 0 20px 20px
}

.contents-main-1column .element.element-2division .element-parts {
    width: 48%;
    width: -webkit-calc(50% - 20px);
    width: calc(50% - 20px)
}

.contents-main-1column .element.element-3division {
    width: auto;
    margin: 0 0 20px 20px
}

.contents-main-1column .element.element-3division .element-parts {
    width: 30%;
    width: -webkit-calc(33% - 20px);
    width: calc(33% - 20px);
    margin-right: 20px!important
}

.contents-main-1column select {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #ccc
}

.contents-main-1column .element.element-tx {
    margin: 0 20px
}

.contents-main-1column .element.element-tx p {
    padding: 0 0 20px
}

.contents-main-1column .element {
    width: auto;
    margin: 0 20px 40px;
    overflow: visible
}

.contents-main-1column .element:after {
    content: "";
    display: table;
    clear: both
}

.contents-main-1column .heading-kind {
    text-align: center;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
    background: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#ffffff),color-stop(100%,#f2f2f2));
    background: -moz-linear-gradient(top,#ffffff,#f2f2f2);
    background: -webkit-linear-gradient(top,#ffffff,#f2f2f2);
    background: linear-gradient(to bottom,#ffffff,#f2f2f2);
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px;
    border-radius: 5px 5px 0 0;
    border: 1px solid #d4d4d4;
    max-height: 100%
}

.contents-main-1column .heading-kind span {
    padding: 0 0 0 40px;
    font-size: 22px;
    line-height: 60px
}

.contents-main-1column .elemnet-kind-rent,.contents-main-1column .elemnet-kind-buy {
    margin: 0 45px 40px;
    overflow: hidden
}

.contents-main-1column .elemnet-kind-rent ul,.contents-main-1column .elemnet-kind-buy ul {
    padding: 25px 66px;
    border: 1px solid #d4d4d4;
    font-size: 18px;
    font-weight: 700;
    overflow: hidden
}

.contents-main-1column .elemnet-kind-rent li,.contents-main-1column .elemnet-kind-buy li {
    float: left;
    width: 350px;
    margin: 0 0 25px;
    padding: 0 0 0 25px
}

.contents-main-1column .element-search-kind {
    margin: 0 45px 40px
}

.contents-main-1column .element-search-kind ul {
    padding-bottom: 20px!important;
    overflow: hidden;
    zoom:1}

.contents-main-1column .element-search-kind .elemnet-kind-buy {
    float: right;
    width: 430px;
    margin: 0
}

.contents-main-1column .element-search-kind .elemnet-kind-buy ul {
    padding: 25px
}

.contents-main-1column .element-search-kind .elemnet-kind-rent {
    float: left;
    width: 430px;
    margin: 0
}

.contents-main-1column .element-search-kind .elemnet-kind-rent ul {
    padding: 25px
}

.contents-main-1column .element-tab-search {
    position: relative;
    margin: 0 20px
}

.contents-main-1column .element-tab-search.no-tab {
    height: 30px
}

.contents-main-1column .element-tab-search.no-tab .link-all-result {
    top: 0
}

.contents-main-1column .element-tab-search .link-all-result {
    position: absolute;
    top: 27px;
    right: 0;
    padding: 0 0 0 15px;
    font-size: 13px;
    font-weight: 400
}

.contents-main-1column .element-tab-search li {
    display: inline-block;
    width: 190px;
    margin: 0 2px 0 0;
    background: #e7e7e7;
    border: 1px solid #d2d2d2;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px;
    border-radius: 5px 5px 0 0
}

.contents-main-1column .element-tab-search li.active a {
    color: #fff
}

.contents-main-1column .element-tab-search li a {
    display: block;
    padding: 15px 0;
    text-align: center;
    font-size: 16px;
    text-decoration: none
}

.contents-main-1column .element-tab-search li:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: .7
}

.contents-main-1column .element-search-area-item {
    position: relative
}

.contents-main-1column .element-search-area-item .link-all-result {
    position: absolute;
    top: 17px;
    right: 15px;
    padding: 0 0 0 15px;
    font-size: 13px;
    font-weight: 400
}

.contents-main-1column .element-search-area-item .element-search-area-item-btn-filter {
    margin-bottom: 20px
}

.contents-main-1column .element-search-area-item .element-search-area-item-btn-filter::after {
    content: "";
    display: table;
    clear: both
}

.contents-main-1column .element-search-area-item .element-search-area-item-btn-filter-inner {
    float: right;
    position: relative;
    width: 120px
}

.contents-main-1column .element-search-area-item .element-search-area-item-btn-filter-btn {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
    background: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#fff),color-stop(100%,#f2f2f2));
    background: -moz-linear-gradient(top,#fff,#f2f2f2);
    background: -webkit-linear-gradient(top,#fff,#f2f2f2);
    background: linear-gradient(to bottom,#ffffff,#f2f2f2);
    border: 1px solid #d2d2d2;
    background-color: #fff;
    color: #666;
    cursor: pointer;
    display: block;
    font-size: 14px;
    padding: 5px 10px;
    position: relative
}

.contents-main-1column .element-search-area-item .element-search-area-item-btn-filter-btn.no {
    cursor: default;
    opacity: .5
}

.contents-main-1column .element-search-area-item .element-search-area-item-btn-filter-note {
    background-color: #fff;
    border: 1px solid #d4d4d4;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #666;
    display: none;
    font-size: 12px;
    margin-left: -90px;
    padding: 10px;
    position: absolute;
    bottom: 45px;
    left: 50%;
    white-space: nowrap;
    width: 160px
}

.contents-main-1column .element-search-area-item .element-search-area-item-btn-filter-note::before,.contents-main-1column .element-search-area-item .element-search-area-item-btn-filter-note::after {
    border: 10px solid transparent;
    border-bottom-width: 0;
    content: "";
    display: block;
    position: absolute;
    left: 80px;
    width: 0
}

.contents-main-1column .element-search-area-item .element-search-area-item-btn-filter-note::before {
    border-top-color: #fff;
    bottom: -9px;
    z-index: 1
}

.contents-main-1column .element-search-area-item .element-search-area-item-btn-filter-note::after {
    border-top-color: #d2d2d2;
    bottom: -10px
}

.contents-main-1column .element-search-area-item .element-search-area-item-btn-filter-btn.no:hover+.element-search-area-item-btn-filter-note {
    display: block
}

.contents-main-1column .heading-area {
    margin: 0 0 15px;
    font-weight: 700;
    font-size: 16px
}

.contents-main-1column .heading-area label {
    display: block;
    padding: 15px
}

.contents-main-1column .heading-area input[type="checkbox"] {
    font-size: 18px;
    margin: 0 10px 0 0;
    vertical-align: baseline
}

.contents-main-1column .element-search-area {
    padding: 15px;
    border: 1px solid #d4d4d4
}

.contents-main-1column .element-search-area ul {
    margin: 0 0 30px 30px
}

.contents-main-1column .element-search-area li {
    display: inline-block;
    clear: both;
    width: 205px;
    margin: 0 0 10px;
    padding: 0 10px 0 0;
    vertical-align: top
}

.contents-main-1column .element-search-area li span {
    display: block;
    padding: 0 0 0 25px
}

.contents-main-1column .element-search-area li input[type="checkbox"] {
    float: left;
    width: 20px;
    margin: 4px 5px 0 0;
    margin: 2px 5px 0 0\9
}

.contents-main-1column .element-search-area .another-area a {
    color: #666
}

.contents-main-1column .element-search-area .select-area {
    font-weight: 700
}

.contents-main-1column .element-search-area .link-all-station {
    text-align: right
}

.contents-main-1column .element-search-area .link-all-station a {
    padding: 0 0 0 13px
}

.contents-main-1column .element-btn-search {
    margin-top: -20px;
    text-align: center
}

.contents-main-1column .element-btn-search input {
    display: inline-block;
    margin: 0 auto 40px;
    padding: 15px 35px 15px 60px;
    text-align: center;
    cursor: pointer;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 18px;
    font-weight: 700
}

.contents-main-1column .element-detail-table {
    width: 100%
}

.contents-main-1column .element-detail-table th,.contents-main-1column .element-detail-table td {
    border: 1px solid #d4d4d4
}

.contents-main-1column .element-detail-table th {
    width: 190px;
    background: #f1f1f1;
    text-align: left;
    padding: 10px;
    vertical-align: middle
}

.contents-main-1column .element-detail-table td {
    padding: 20px
}

.contents-main-1column .element-detail-table td select {
    font-size: 16px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #ccc
}

.contents-main-1column .element-detail-table td .list-check {
    margin-bottom: -20px
}

.contents-main-1column .element-detail-table td .list-check li {
    display: inline-block;
    margin: 0 35px 20px 17px;
    text-indent: -17px
}

.contents-main-1column .element-detail-table td .list-check li input[type="checkbox"] {
    margin: 0 5px 0 0
}

.contents-main-1column .element-detail-table td .list-check.three li {
    width: 183px;
    margin-right: 0;
    margin-left: 0;
    padding-right: 10px;
    text-indent: 0;
    vertical-align: top
}

.contents-main-1column .element-detail-table td .list-check.three li label {
    display: block;
    padding: 0 0 0 25px;
    padding: 0 0 0 27px\9
}

.contents-main-1column .element-detail-table td .list-check.three li input[type="checkbox"] {
    float: left;
    width: 20px;
    margin-top: 4px;
    margin-top: 0 \9;
    margin-right: 0 \9;
    vertical-align: baseline
}

.contents-main-1column .element-detail-table td .list-radio {
    margin-bottom: -20px
}

.contents-main-1column .element-detail-table td .list-radio li {
    display: inline-block;
    margin: 0 35px 20px 0
}

.contents-main-1column .element-detail-table td .list-radio input[type="radio"] {
    margin: 0 5px 0 0;
    vertical-align: baseline
}

.contents-main-1column .element-search-table {
    width: 100%
}

.contents-main-1column .element-search-table th,.contents-main-1column .element-search-table td {
    border: 1px solid #d4d4d4;
    padding: 15px
}

.contents-main-1column .element-search-table th {
    width: 160px;
    background: #f1f1f1;
    text-align: center
}

.contents-main-1column .element-search-table td li {
    display: inline-block;
    margin: 0 5px 0 0
}

.contents-main-1column .element-recommend {
    position: relative;
    padding: 25px 0 1px 62px;
    margin: 0 20px 40px
}

.contents-main-1column .element-recommend a {
    color: #5e5e5e
}

.contents-main-1column .element-recommend .btn-prev,.contents-main-1column .element-recommend .btn-next {
    position: absolute
}

.contents-main-1column .element-recommend .btn-prev a,.contents-main-1column .element-recommend .btn-next a {
    display: block;
    width: 37px;
    height: 46px;
    text-indent: -9999px
}

.contents-main-1column .element-recommend .btn-prev {
    top: 130px;
    left: 0
}



.contents-main-1column .element-recommend .btn-prev a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: .8
}

.contents-main-1column .element-recommend .btn-next {
    top: 130px;
    right: 0
}



.contents-main-1column .element-recommend .btn-next a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: .8
}

.contents-main-1column .element-recommend .slick-hidden {
    display: none
}

.contents-main-1column .heading-recommend {
    margin: 0 0 25px -29px;
    padding: 0 0 0 20px;
    font-size: 18px
}

.contents-main-1column .recommend-name {
    padding: 0 0 3px;
    font-size: 12px
}

.contents-main-1column .recommend-ph {
    width: 148px
}

.contents-main-1column .recommend-item-show {
    overflow: hidden;
    position: relative;
    width: 828px;
    height: 100%
}

.contents-main-1column .recommend-slide {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%
}

.contents-main-1column .recommend-item {
    float: left;
    width: 148px;
    height: 100%;
    margin: 0 16px 0 0
}

.contents-main-1column .recommend-item:nth-of-type(4n+1) {
    clear: none
}

.contents-main-1column .recommend-item .tx-price {
    font-size: 14px
}

.contents-main-1column .form-flow {
    text-indent: -9999px;
    width: 940px;
    height: 50px;
    margin: 0 auto 30px
}

.contents-main-1column .form-flow3 {
    margin: 0 auto 60px
}

.contents-main-1column .btn-goback {
    margin: 0 auto 45px
}

.contents-main-1column .btn-goback .btn-lv3,.contents-main-1column .btn-goback .btn-lv4 {
    margin: 0
}

.contents-main-1column .btn-goback .btn-lv3 {
    width: 190px
}

.contents-main-1column .btn-goback .btn-lv4 {
    margin-right: 50px
}

.contents-main-1column .element-form {
    margin: 0 20px
}

.contents-main-1column .select-price {
    margin: 0 0 10px
}

.contents-main-1column .select-price select {
    width: 120px
}



.contents-main-1column .form-error {
    padding: 0 0 20px
}

.element-search-from {
    padding: 20px 25px;
    background: #f2f2f2
}

.element-search-from.element-line {
    position: relative;
    margin-bottom: 0;
    border: none
}

.element-search-from.element-line:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 25px;
    right: 25px;
    display: block;
    height: 1px;
    border-bottom: 1px dotted #aaa9a9
}

.element-search-from ul {
    margin: 0 25px
}

.element-search-from li {
    display: inline-block;
    margin: 0 0 10px;
    padding: 0 30px 0 10px
}

.heading-search-from {
    margin: 0 0 20px;
    padding: 0 0 0 30px;
    font-size: 16px;
    font-weight: 700
}

.element-search-area-item.from-map .heading-area {
    padding: 15px
}

.maps-header .page-header-top .inner {
    display: block
}

.maps-header .page-header-top .link li:first-of-type {
    display: none
}

.maps-header .page-header-top .link li:first-of-type.show {
    display: inline-block
}

.maps-header .page-header-top .tel-s {
    float: right;
    display: none;
    margin: 0 10px 5px 0;
    color: #fe7200;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 28px;
    font-weight: 700;
    line-height: 1
}

.maps-header .page-header-top .tel-s.show {
    display: inline-block
}

.maps-header .page-header-top .logo-s {
    float: left;
    width: 50%;
    margin: 3px 0 5px
}

.maps-header .page-header-top .logo-s .company-img {
    display: table-cell;
    vertical-align: middle;
    padding: 0 10px 0 0
}

.maps-header .page-header-top .logo-s .company-tx {
    display: table-cell;
    vertical-align: middle;
    font-size: 13px
}

.maps-header .page-header-top .logo-s .company-link {
    font-size: 12px
}

.maps-header .page-header-top .logo-s img {
    max-width: 185px;
    max-height: 40px
}

.maps-header .link2,.maps-header .tx-explain,.maps-header .inner {
    display: none
}

.maps-header .gnav {
    min-width: 1020px
}

.company-link {
    display: table-cell;
    margin: 0 0 0 10px;
    padding: 0 0 0 20px;
    font-size: 12px;
    font-weight: 400;
    text-decoration: underline;
    white-space: nowrap;
    vertical-align: middle
}

.company-link:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: .7
}



.contents-map {
    position: absolute;
    top: 70px;
    bottom: 0;
    left: 0;
    right: 0;
    min-width: 1020px;
    overflow: hidden
}

.map-option {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: table;
    width: 100%;
    padding: 6px 0 4px;
    min-width: 960px;
    z-index: 4;
    background: #fff;
    border-bottom: 1px solid #dadada;
    -moz-box-shadow: rgba(0,0,0,.1) 0 2px 2px;
    -webkit-box-shadow: rgba(0,0,0,.1) 0 2px 2px;
    box-shadow: rgba(0,0,0,.1) 0 2px 2px
}

.map-option:after {
    content: "";
    display: table;
    clear: both
}

.map-option__annotation {
    display: table-cell;
    padding: 0 10px 0 20px;
    font-size: 11px;
    vertical-align: bottom
}

.map-option__heading {
    display: inline-block;
    margin: 0 5px 0 0;
    padding: 0 10px 0 0;
    font-size: 13px;
    border-right: 1px solid #c3c3c3
}

.map-option__around {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    white-space: nowrap
}

.map-option__around ul {
    display: inline-block;
    margin: 0 5px 0 0
}

.map-option__around li {
    display: inline-block;
    margin: 0 5px 0 0;
    font-size: 13px
}

.map-option__around input {
    vertical-align: bottom
}

.map-option__all {
    position: relative;
    display: inline-block;
    margin: 0 10px 0 0;
    text-align: center
}

.map-option__all span {
    position: relative;
    display: inline-block;
    padding: 5px 5px 5px 25px;
    background: #fff;
    font-size: 13px;
    line-height: 1;
    cursor: pointer;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
    background: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#ffffff),color-stop(100%,#f4f4f4));
    background: -moz-linear-gradient(top,#ffffff,#f4f4f4);
    background: -webkit-linear-gradient(top,#ffffff,#f4f4f4);
    background: linear-gradient(to bottom,#ffffff,#f4f4f4);
    border: 1px solid #d2d2d2;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.map-option__all span:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: .7
}

.map-option__all span:before {
    content: "";
    display: block;
    position: absolute
}

.map-option__all span:before {
    width: 11px;
    height: 7px;
    top: 9px;
    left: 8px
}

.map-option__all span:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: .7
}

.map-option__all:after {
    content: "";
    display: block;
    width: 1px;
    height: 24px;
    position: absolute;
    top: -1px;
    right: -10px;
    background: #c3c3c3
}

.map-option__list {
    display: table-cell;
    width: 97px;
    padding: 0 20px 0 7px;
    text-align: center;
    font-size: 13px;
    vertical-align: middle;
    white-space: nowrap
}

.map-option__list span {
    position: relative;
    display: inline-block;
    padding: 5px 5px 5px 25px;
    background: #fff;
    font-size: 13px;
    line-height: 1;
    cursor: pointer;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
    background: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#ffffff),color-stop(100%,#f4f4f4));
    background: -moz-linear-gradient(top,#ffffff,#f4f4f4);
    background: -webkit-linear-gradient(top,#ffffff,#f4f4f4);
    background: linear-gradient(to bottom,#ffffff,#f4f4f4);
    border: 1px solid #d2d2d2;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.map-option__list span:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: .7
}

.map-option__list span:before {
    content: "";
    display: block;
    position: absolute
}

.map-option__list span:before {
    width: 13px;
    height: 13px;
    top: 5px;
    left: 7px
}

.map-option__list span:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: .7
}

.map-option__around_all {
    width: 277px;
    padding: 10px 10px 4px;
    position: absolute;
    z-index: 4;
    right: 124px;
    background: #fff;
    background: rgba(255,255,255,.95);
    -moz-box-shadow: rgba(0,0,0,.3) 0 3px 3px;
    -webkit-box-shadow: rgba(0,0,0,.3) 0 3px 3px;
    box-shadow: rgba(0,0,0,.3) 0 3px 3px
}

.map-option__around_all.hidden {
    bottom: -1000px!important
}

.map-option__around_all li {
    display: inline-block;
    width: 115px;
    margin: 0 0 7px;
    font-size: 13px
}

.map-option__around_all li:nth-of-type(2n) {
    width: 156px
}

.map-option__around_all input {
    vertical-align: bottom
}

.map-option__around_all span {
    padding-bottom: 1px
}

.map-option__around_all span:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 5px 0 3px;
    position: relative;
    top: 3px
}



.map-wrap {
    position: absolute;
    top: 43px;
    bottom: 0;
    left: 0;
    right: 0;
    overflow-x: hidden
}

.map-main {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.parts-gmap {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}



.btn__map-change:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: .7
}



.map-change {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    -moz-box-shadow: rgba(0,0,0,.1) 2px 0 2px;
    -webkit-box-shadow: rgba(0,0,0,.1) 2px 0 2px;
    box-shadow: rgba(0,0,0,.1) 2px 0 2px
}

.map-change__inner {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%
}

.map-change__scroll {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll
}

.map-change__scroll_inner {
    width: 200px;
    padding: 20px 20px 10px
}

.map-change .toggle__inner {
    width: 240px
}

.map-change .tooltip-body {
    top: 20px;
    left: -74px;
    width: 150px
}

.map-change .tooltip-body:before {
    background: none
}



.btn__bl-list:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: .7
}


.map-bl-list {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    background: #f2f2f2;
    -moz-box-shadow: rgba(0,0,0,.1) -2px 0 2px;
    -webkit-box-shadow: rgba(0,0,0,.1) -2px 0 2px;
    box-shadow: rgba(0,0,0,.1) -2px 0 2px
}

.map-bl-list .no-select {
    padding: 20px
}

.map-bl-list .no-select p {
    padding: 28px 0;
    text-align: center;
    border: 1px solid #c9c9c9
}

.map-bl-list .toggle__inner {
    width: 390px
}

.map-bl-list__header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 350px;
    height: 35px;
    padding: 15px 20px 0;
    border-bottom: 1px solid #c9c9c9
}

.map-bl-list__heading {
    display: inline-block;
    margin-right: 10px;
    font-size: 13px
}

.map-bl-list__btn_explain {
    position: relative;
    display: inline-block;
    padding: 5px 5px 5px 25px;
    background: #fff;
    font-size: 13px;
    line-height: 1;
    cursor: pointer;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
    background: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#ffffff),color-stop(100%,#f4f4f4));
    background: -moz-linear-gradient(top,#ffffff,#f4f4f4);
    background: -webkit-linear-gradient(top,#ffffff,#f4f4f4);
    background: linear-gradient(to bottom,#ffffff,#f4f4f4);
    border: 1px solid #d2d2d2;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 12px
}

.map-bl-list__btn_explain:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: .7
}

.map-bl-list__btn_explain:before {
    content: "";
    display: block;
    position: absolute
}

.map-bl-list__btn_explain:before {
    width: 12px;
    height: 12px;
    top: 5px;
    left: 8px
}

.map-bl-list__btn_explain:hover+.map-bl-list__tx_explain {
    display: block
}

.map-bl-list__tx_explain {
    display: none;
    width: 346px;
    padding: 10px;
    position: absolute;
    top: 44px;
    right: 10px;
    border: 1px solid #c9c9c9;
    background: #fff;
    background: rgba(255,255,255,.95);
    font-size: 11px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    z-index: 3
}

.map-bl-list__tx_explain li {
    margin: 0 0 8px;
    padding: 0 0 8px;
    border-bottom: 1px solid #e7e7e7
}

.map-bl-list__tx_explain li:last-of-type {
    margin: 0;
    padding: 0;
    border: none
}

.map-bl-list__tx_explain .icon-new .icon,.map-bl-list__tx_explain .icon-new-article .icon,.map-bl-list__tx_explain .icon-not-person .icon {
    display: table-cell;
    width: 50px;
    vertical-align: top
}

.map-bl-list__tx_explain .icon-new .tx,.map-bl-list__tx_explain .icon-new-article .tx,.map-bl-list__tx_explain .icon-not-person .tx {
    display: table-cell;
    width: 300px
}

.map-bl-list__tx_explain .icon-movie .icon,.map-bl-list__tx_explain .icon-photo-many .icon,.map-bl-list__tx_explain .icon-land .icon {
    display: block;
    margin: 0 0 5px
}



.map-bl-list__inner {
    position: absolute;
    top: 51px;
    bottom: 0;
    right: 0;
    width: 100%
}

.map-bl-list__inner_scroll {
    width: 390px;
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll
}

.map-bl-list .total-count {
    padding: 5px 20px;
    font-size: 12px
}

.map-bl-list .total-count span {
    font-size: 18px;
    color: red
}

.map-bl-list .total-count.bottom {
    margin: 0 0 20px;
    text-align: center
}

.map-bl-list .bl-item {
    width: 320px;
    margin: 0 auto 10px;
    padding: 15px;
    border: 1px solid #c9c9c9;
    background: #fff
}

.map-bl-list .bl-item:after {
    content: "";
    display: table;
    clear: both
}

.map-bl-list .bl-item__ph {
    float: left;
    width: 100px;
    border: 1px solid #c9c9c9
}

.map-bl-list .bl-item__info {
    float: right;
    width: 210px
}

.map-bl-list .bl-item__info+.bl-item__btn_set {
    clear: both;
    margin: 0;
    padding: 12px 0 0;
    border-top: 1px dotted #d5d4d4
}

.map-bl-list .bl-item__price {
    font-size: 13px;
    color: red
}

.map-bl-list .bl-item__price_num {
    font-size: 16px
}

.map-bl-list .bl-item__ic {
    display: inline-block;
    height: 20px;
    margin: 0 2px 6px 0;
    text-indent: -9999px
}



.map-bl-list .bl-item__detail {
    padding: 0 0 5px;
    letter-spacing: -.6em
}

.map-bl-list .bl-item__detail .price-name {
    padding-top: 5px
}

.map-bl-list .bl-item__detail dt,.map-bl-list .bl-item__detail dd {
    display: inline-block;
    font-size: 13px;
    line-height: 1.38;
    letter-spacing: normal;
    vertical-align: top
}

.map-bl-list .bl-item__detail dt {
    width: 40px
}

.map-bl-list .bl-item__detail dt:after {
    content: "："
}

.map-bl-list .bl-item__detail dd {
    width: 170px
}

.map-bl-list .bl-item__detail .area-name {
    width: 53px
}

.map-bl-list .bl-item__detail .area-tx {
    width: 150px
}

.map-bl-list .bl-item__btn_route {
    position: relative
}

.map-bl-list .bl-item__btn_route span {
    margin: 0 2px 0 0;
    padding: 5px 7px 5px 10px;
    font-size: 12px;
    text-decoration: underline;
    cursor: pointer
}

.map-bl-list .bl-item__btn_route span:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: .7
}

.map-bl-list .bl-item__btn_set {
    margin: 0 0 10px
}

.map-bl-list .bl-item__btn_set li {
    display: inline-block
}

.map-bl-list .bl-item__btn_street {
    padding: 5px 7px 5px 10px;
    font-size: 12px;
    text-decoration: underline;
    cursor: pointer
}

.map-bl-list .bl-item__btn_fav:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: .7
}



.map-bl-list .bl-item__btn_fav.done:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}

.map-bl-list .bl-item__btn_detail {
    margin-left: 5px
}

.map-bl-list .bl-item__btn_detail:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: .7
}

.map-bl-list .bl-item__route {
    display: none;
    position: absolute;
    top: 32px;
    left: -70px;
    width: 194px;
    padding: 10px;
    background: #fff;
    border: 1px solid #c9c9c9;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    z-index: 2;
    font-size: 13px
}

.map-bl-list .bl-item__route .route-heading {
    margin: 0 0 8px;
    font-weight: 700;
    color: #000
}



.map-bl-list .bl-item__route .route__btn_close:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: .7
}

.map-bl-list .bl-item__route li {
    margin: 0 5px 0 0;
    color: #404040;
    font-weight: 700
}

.map-bl-list .bl-item__route .route-input {
    width: 190px;
    height: 28px;
    margin: 0 0 10px;
    position: relative;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #d2d2d2
}

.map-bl-list .bl-item__route .route-error {
    color: red;
    font-weight: 700;
    font-size: 13px
}

.map-bl-list .bl-item__route input[type="radio"] {
    margin-right: 5px;
    vertical-align: top
}

.map-bl-list .bl-item__route input[type="text"] {
    width: 95px;
    height: 28px;
    padding: 0 43px 0 7px;
    border: none
}

.map-bl-list .bl-item__route input[type="submit"] {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 43px;
    text-align: center;
    font-size: 12px;
    background: #ededed;
    border: none;
    cursor: pointer
}

.map-bl-list .bl-item__route input[type="submit"]:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: .7
}

.map__pager {
    text-align: center
}

.map__pager li {
    display: inline-block;
    margin: 0 4px;
    vertical-align: top
}

.map__pager a {
    display: inline-block;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    width: 25px;
    height: 19px;
    padding: 6px 0 0;
    border: 1px solid #c9c9c9;
    background: #fff;
    text-decoration: none;
    text-align: center;
    line-height: 1
}

.map__pager a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: .7
}

.map__pager span {
    display: inline-block;
    width: 25px;
    height: 19px;
    padding: 6px 0 0;
    line-height: 1;
    color: #fff;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}



.floatbox__map {
    position: relative;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden
}

.search-modal-bl-all .heading-article {
    margin: 0 0 20px;
    padding: 10px 110px 10px 15px;
    line-height: 20px;
    font-size: 20px
}

.search-modal-bl-all .link-howto-see {
    top: 7px
}

.search-modal-bl-all .count-wrap {
    width: 760px;
    margin: 0 auto 10px
}

.search-modal-bl-all .sort-table {
    width: 760px;
    margin: 0 auto
}

.search-modal-bl-all .collect-processing {
    width: 653px;
    margin: 0 0 10px 60px
}

.search-modal-bl-all .collect-processing.bottom {
    margin: 9px 0 20px 60px
}

.search-modal-bl-all .article-object-wrapper {
    width: 760px;
    margin: 0 auto
}

.search-modal-bl-all .total-count {
    font-size: 12px;
    color: #000
}

.search-modal-bl-all .total-count span {
    color: red;
    font-size: 18px
}

.modal-streetview {
    left: 40px;
    right: 40px;
    top: 40px;
    bottom: 40px;
    width: auto;
    height: auto
}

.modal-streetview__error {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 450px;
    margin: -89px 0 0 -265px;
    padding: 40px;
    font-size: 16px;
    background: #fff;
    z-index: 10000;
    text-align: center;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.modal-streetview__error .btn-close {
    margin: 30px 0 0
}

.modal-streetview__error .btn-close a {
    display: block;
    width: 200px;
    margin: 0 auto;
    padding: 10px 0;
    color: #fff;
    text-decoration: none;
    text-align: center;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}



.page-header.page-header-liquid {
    min-width: 980px;
    padding: 0 20px
}

.page-header.page-header-liquid .inner {
    width: 100%
}

.page-header.page-header-liquid .logo {
    width: 50%
}

.page-header.page-header-liquid .header-sns {
    width: 50%
}

.page-header.page-header-liquid .header-info {
    width: 50%
}

.page-header.page-header-liquid .page-header-top .header-sns {
    display: none
}

.page-header.page-header-liquid.close .page-header-top .header-sns {
    display: block;
    width: auto;
    margin: 0 10px 0 0
}

.tooltip.building_conditions .tooltip-body {
    left: 110px;
    width: 275px
}

.element-company-profile table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}
.element-company-profile th,
.element-company-profile td {
    border: 1px solid #CFA972;
    padding: 10px;
    text-align: left;
}

.element-company-profile th {
    background-color: #CFA972;
    color: white;
}

.element-company-profile td {
    background-color: #F9F5EF;
}

.element-news tr:nth-child(even) td {
    background-color: #F2EADB;
}

.element-news td:first-child {
    width: 200px; /* Adjust the width as needed */
}

@media (max-width: 500px){
.element-company-profile table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}
.element-company-profile th,
.element-company-profile td {
    border: 1px solid #CFA972;
    padding: 10px;
    text-align: left;
}

.element-company-profile th {
    background-color: #CFA972;
    color: white;
}

.element-company-profile td {
    background-color: #F9F5EF;
}

.element-news tr:nth-child(even) td {
    background-color: #F2EADB;
}

.element-news td:first-child {
    width: 200px; /* Adjust the width as needed */
}



}