@charset "UTF-8";

#main.singlepage .thumb img,
img {
max-width: 100%
}
.mt5 {
margin-top: 5px!important
}
.pt5 {
padding-top: 5px!important
}
.mb5 {
margin-bottom: 5px!important
}
.pb5 {
padding-bottom: 5px!important
}
.ml5 {
margin-left: 5px!important
}
.pl5 {
padding-left: 5px!important
}
.mr5 {
margin-right: 5px!important
}
.pr5 {
padding-right: 5px!important
}
.mt10 {
margin-top: 10px!important
}
.pt10 {
padding-top: 10px!important
}
.mb10 {
margin-bottom: 10px!important
}
.pb10 {
padding-bottom: 10px!important
}
.ml10 {
margin-left: 10px!important
}
.pl10 {
padding-left: 10px!important
}
.mr10 {
margin-right: 10px!important
}
.pr10 {
padding-right: 10px!important
}
.mt15 {
margin-top: 15px!important
}
.pt15 {
padding-top: 15px!important
}
.mb15 {
margin-bottom: 15px!important
}
.pb15 {
padding-bottom: 15px!important
}
.ml15 {
margin-left: 15px!important
}
.pl15 {
padding-left: 15px!important
}
.mr15 {
margin-right: 15px!important
}
.pr15 {
padding-right: 15px!important
}
.mt20 {
margin-top: 20px!important
}
.pt20 {
padding-top: 20px!important
}
.mb20 {
margin-bottom: 20px!important
}
.pb20 {
padding-bottom: 20px!important
}
.ml20 {
margin-left: 20px!important
}
.pl20 {
padding-left: 20px!important
}
.mr20 {
margin-right: 20px!important
}
.pr20 {
padding-right: 20px!important
}
.mt25 {
margin-top: 25px!important
}
.pt25 {
padding-top: 25px!important
}
.mb25 {
margin-bottom: 25px!important
}
.pb25 {
padding-bottom: 25px!important
}
.ml25 {
margin-left: 25px!important
}
.pl25 {
padding-left: 25px!important
}
.mr25 {
margin-right: 25px!important
}
.pr25 {
padding-right: 25px!important
}
.mt30 {
margin-top: 30px!important
}
.pt30 {
padding-top: 30px!important
}
.mb30 {
margin-bottom: 30px!important
}
.pb30 {
padding-bottom: 30px!important
}
.ml30 {
margin-left: 30px!important
}
.pl30 {
padding-left: 30px!important
}
.mr30 {
margin-right: 30px!important
}
.pr30 {
padding-right: 30px!important
}
.mt35 {
margin-top: 35px!important
}
.pt35 {
padding-top: 35px!important
}
.mb35 {
margin-bottom: 35px!important
}
.pb35 {
padding-bottom: 35px!important
}
.ml35 {
margin-left: 35px!important
}
.pl35 {
padding-left: 35px!important
}
.mr35 {
margin-right: 35px!important
}
.pr35 {
padding-right: 35px!important
}
.mt40 {
margin-top: 40px!important
}
.pt40 {
padding-top: 40px!important
}
.mb40 {
margin-bottom: 40px!important
}
.pb40 {
padding-bottom: 40px!important
}
.ml40 {
margin-left: 40px!important
}
.pl40 {
padding-left: 40px!important
}
.mr40 {
margin-right: 40px!important
}
.pr40 {
padding-right: 40px!important
}
.mt45 {
margin-top: 45px!important
}
.pt45 {
padding-top: 45px!important
}
.mb45 {
margin-bottom: 45px!important
}
.pb45 {
padding-bottom: 45px!important
}
.ml45 {
margin-left: 45px!important
}
.pl45 {
padding-left: 45px!important
}
.mr45 {
margin-right: 45px!important
}
.pr45 {
padding-right: 45px!important
}
.mt50 {
margin-top: 50px!important
}
.pt50 {
padding-top: 50px!important
}
.mb50 {
margin-bottom: 50px!important
}
.pb50 {
padding-bottom: 50px!important
}
.ml50 {
margin-left: 50px!important
}
.pl50 {
padding-left: 50px!important
}
.mr50 {
margin-right: 50px!important
}
.pr50 {
padding-right: 50px!important
}
.mt75 {
margin-top: 75px!important
}
.pt75 {
padding-top: 75px!important
}
.mb75 {
margin-bottom: 75px!important
}
.pb75 {
padding-bottom: 75px!important
}
.ml75 {
margin-left: 75px!important
}
.pl75 {
padding-left: 75px!important
}
.mr75 {
margin-right: 75px!important
}
.pr75 {
padding-right: 75px!important
}
.mt100 {
margin-top: 100px!important
}
.pt100 {
padding-top: 100px!important
}
.mb100 {
margin-bottom: 100px!important
}
.pb100 {
padding-bottom: 100px!important
}
.ml100 {
margin-left: 100px!important
}
.pl100 {
padding-left: 100px!important
}
.mr100 {
margin-right: 100px!important
}
.pr100 {
padding-right: 100px!important
}
body h1 {
font-size: 20px;
color: #000
}
@font-face {
font-family: Roboto;
src: local(Roboto Thin), url(//cn.mangen.co.jp/views/537b2eb594/library/fonts/roboto/Roboto-Thin.eot);
src: url(//cn.mangen.co.jp/views/537b2eb594/library/fonts/roboto/Roboto-Thin.eot?#iefix) format("embedded-opentype"), url(//cn.mangen.co.jp/views/537b2eb594/library/fonts/roboto/Roboto-Thin.woff2) format("woff2"), url(//cn.mangen.co.jp/views/537b2eb594/library/fonts/roboto/Roboto-Thin.woff) format("woff"), url(//cn.mangen.co.jp/views/537b2eb594/library/fonts/roboto/Roboto-Thin.ttf) format("truetype");
font-weight: 200
}
@font-face {
font-family: Roboto;
src: local(Roboto Light), url(//cn.mangen.co.jp/views/537b2eb594/library/fonts/roboto/Roboto-Light.eot);
src: url(//cn.mangen.co.jp/views/537b2eb594/library/fonts/roboto/Roboto-Light.eot?#iefix) format("embedded-opentype"), url(//cn.mangen.co.jp/views/537b2eb594/library/fonts/roboto/Roboto-Light.woff2) format("woff2"), url(//cn.mangen.co.jp/views/537b2eb594/library/fonts/roboto/Roboto-Light.woff) format("woff"), url(//cn.mangen.co.jp/views/537b2eb594/library/fonts/roboto/Roboto-Light.ttf) format("truetype");
font-weight: 300
}
@font-face {
font-family: Roboto;
src: local(Roboto Regular), url(//cn.mangen.co.jp/views/537b2eb594/library/fonts/roboto/Roboto-Regular.eot);
src: url(//cn.mangen.co.jp/views/537b2eb594/library/fonts/roboto/Roboto-Regular.eot?#iefix) format("embedded-opentype"), url(//cn.mangen.co.jp/views/537b2eb594/library/fonts/roboto/Roboto-Regular.woff2) format("woff2"), url(//cn.mangen.co.jp/views/537b2eb594/library/fonts/roboto/Roboto-Regular.woff) format("woff"), url(//cn.mangen.co.jp/views/537b2eb594/library/fonts/roboto/Roboto-Regular.ttf) format("truetype");
font-weight: 400
}
@font-face {
font-family: Roboto;
src: url(//cn.mangen.co.jp/views/537b2eb594/library/fonts/roboto/Roboto-Medium.eot);
src: url(//cn.mangen.co.jp/views/537b2eb594/library/fonts/roboto/Roboto-Medium.eot?#iefix) format("embedded-opentype"), url(//cn.mangen.co.jp/views/537b2eb594/library/fonts/roboto/Roboto-Medium.woff2) format("woff2"), url(//cn.mangen.co.jp/views/537b2eb594/library/fonts/roboto/Roboto-Medium.woff) format("woff"), url(//cn.mangen.co.jp/views/537b2eb594/library/fonts/roboto/Roboto-Medium.ttf) format("truetype");
font-weight: 500
}
@font-face {
font-family: Roboto;
src: url(//cn.mangen.co.jp/views/537b2eb594/library/fonts/roboto/Roboto-Bold.eot);
src: url(//cn.mangen.co.jp/views/537b2eb594/library/fonts/roboto/Roboto-Bold.eot?#iefix) format("embedded-opentype"), url(//cn.mangen.co.jp/views/537b2eb594/library/fonts/roboto/Roboto-Bold.woff2) format("woff2"), url(//cn.mangen.co.jp/views/537b2eb594/library/fonts/roboto/Roboto-Bold.woff) format("woff"), url(//cn.mangen.co.jp/views/537b2eb594/library/fonts/roboto/Roboto-Bold.ttf) format("truetype");
font-weight: 700
}
body {
font-family: Roboto, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}
.footer,
.header {
background: #026DD5;
background: -moz-linear-gradient(top, #026DD5 0, #0258ad 26%);
background: -webkit-linear-gradient(top, #026DD5 0, #0258ad 26%);
background: linear-gradient(to bottom, #026DD5 0, #0258ad 26%);
color: #fff
}
img {
height: auto
}
.header {
border-bottom: 1px solid rgba(255, 255, 255, .8);
-webkit-box-shadow: inset 0 -20px 20px rgba(0, 0, 0, .06);
box-shadow: inset 0 -20px 20px rgba(0, 0, 0, .06)
}
.top-description {
line-height: 40px;
border-bottom: 1px dotted #ddd
}
.topinfo .address {
font-size: 110%;
text-align: right;
padding-top: 20px;
padding-bottom: 20px
}
.topinfo .top_contact {
text-align: right
}
.topinfo .top_contact li a {
color: #fff;
text-decoration: none
}
[role=navigation] ul {
display: table;
width: 100%;
table-layout: fixed;
margin-bottom: 0
}
[role=navigation] ul li {
display: table-cell;
vertical-align: bottom;
position: relative;
padding-left: 2px;
padding-right: 2px
}
[role=navigation] ul li.current-menu-item {
bottom: -2px
}
[role=navigation] ul li.current-menu-item a {
-webkit-box-shadow: 0 -10px 10px rgba(0, 0, 0, .06);
box-shadow: 0 -10px 10px rgba(0, 0, 0, .06);
font-size: 20px;
color: #000;
padding: 10px 2px 3px;
background: #fffad8;
background: -moz-linear-gradient(top, #fffad8 0, #fff 36%);
background: -webkit-linear-gradient(top, #fffad8 0, #fff 36%);
background: linear-gradient(to bottom, #fffad8 0, #fff 36%)
}
[role=navigation] ul li.current-menu-item a small {
display: block;
font-size: 10px
}
[role=navigation] ul li.current-menu-item a:hover {
background: #fffad8;
background: -moz-linear-gradient(top, #fffad8 0, #fff 36%);
background: -webkit-linear-gradient(top, #fffad8 0, #fff 36%);
background: linear-gradient(to bottom, #fffad8 0, #fff 36%)
}
[role=navigation] ul li a {
position: relative;
bottom: 0;
text-decoration: none;
-webkit-box-shadow: 0 -10px 10px rgba(0, 0, 0, .06), inset 0 -2px 6px rgba(0, 0, 0, .03);
box-shadow: 0 -10px 10px rgba(0, 0, 0, .06), inset 0 -2px 6px rgba(0, 0, 0, .03);
display: block;
border-radius: 6px 6px 0 0;
line-height: 20px;
text-align: center;
padding: 10px 2px 8px;
font-size: 14px;
font-weight: 700;
color: #eee;
background: #3f4c6b;
background: -moz-linear-gradient(top, #3f4c6b 0, #606c88 100%);
background: -webkit-linear-gradient(top, #3f4c6b 0, #606c88 100%);
background: linear-gradient(to bottom, #3f4c6b 0, #606c88 100%)
}
[role=navigation] ul li a small {
display: none;
font-size: 10px;
font-weight: 400
}
[role=navigation] ul li a:hover {
background: #fffad8;
color: #111
}
.page-container {
min-height: 800px;
padding-top: 1px
}
.page-title {
border-bottom: 3px solid #026DD5;
font-family: "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
padding-bottom: 10px;
margin-top: 0
}
.estate-block {
margin-bottom: 30px
}
.estate-block .estate-border {
height: 320px;
border-radius: 5px;
-webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, .1);
box-shadow: 1px 1px 8px rgba(0, 0, 0, .1)
}
.estate-block .estate-border:hover .estate-image a:after {
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
opacity: .6
}
.estate-block .estate-border:hover .estate-image a img {
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
-webkit-filter: saturate(.2)
}
.estate-block .estate-border .estate-image {
height: 180px;
position: relative;
overflow: hidden;
background-color: #111
}
.estate-block .estate-border .estate-image a {
display: block;
overflow: hidden
}
.estate-block .estate-border .estate-image a:after {
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
display: block;
width: 100%;
height: 100%;
content: "";
opacity: 0;
background: #fff;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0
}
.estate-block .estate-border .estate-image a img {
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s
}
.estate-block .estate-border .estate-image img {
position: absolute;
margin: auto;
min-height: 100%;
min-width: 100%;
left: -100%;
right: -100%;
top: -100%;
bottom: -100%
}
.estate-block .price {
height: 80px;
width: 100%;
display: block;
position: absolute;
bottom: 0;
background: -moz-linear-gradient(top, transparent 0, rgba(0, 0, 0, .55) 50%);
background: -webkit-linear-gradient(top, transparent 0, rgba(0, 0, 0, .55) 50%);
background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .55) 50%);
color: #fff
}
.estate-block .price .con {
position: absolute;
bottom: 0;
right: 10px;
font-style: italic;
font-size: 30px;
font-weight: 700
}
.estate-block .price .con small {
font-size: 45%
}
.estate-block .estate-attrib {
display: block;
width: 100%
}
.estate-block .estate-attrib dd,
.estate-block .estate-attrib dt {
display: inline-block;
padding: 5px 8px;
width: 100%;
vertical-align: middle;
border-top: 1px solid rgba(0, 0, 0, .05);
font-size: 9pt
}
.estate-block .estate-attrib dd:first-child,
.estate-block .estate-attrib dt:first-child {
border-top: 0
}
.estate-block .estate-attrib dd .label,
.estate-block .estate-attrib dt .label {
padding: 0 4px;
line-height: 9pt;
margin-left: 5px
}
.estate-block .estate-attrib dd .label.label-default,
.estate-block .estate-attrib dt .label.label-default {
background-color: transparent;
color: #111;
border: 1px solid #eee
}
.estate-block .estate-attrib .estate-title {
padding: 10px
}
.estate-block .estate-attrib .estate-title a {
color: #111;
display: block;
font-size: 14px;
font-weight: 700;
text-overflow: ellipsis;
overflow: hidden;
word-spacing: nowrap;
white-space: nowrap
}
#main.singlepage .panel-heading .title {
margin: 0
}
#main.singlepage .panel-body {
padding: 0
}
#main.singlepage .estate-content {
border-right: 1px dotted #ccc
}
#main.singlepage .estate-content dl {
display: table;
width: 100%;
margin-bottom: 0;
table-layout: fixed
}
#main.singlepage .estate-content dl dd,
#main.singlepage .estate-content dl dt {
display: table-cell;
padding: 10px;
border-bottom: 1px dotted #ccc
}
#main.singlepage .estate-content dl dt {
width: 9em;
background-color: #eee
}
#main.singlepage .estate-content dl:last-of-type dd,
#main.singlepage .estate-content dl:last-of-type dt {
border-bottom: none
}
#main.singlepage .thumb {
margin-top: 20px;
padding: 10px;
border: 1px solid #eee;
box-shadow: 1px 1px 10px #eee
}
#main.singlepage .thumblist ul li {
width: 80px;
height: 80px;
overflow: hidden;
display: inline-block;
padding: 10px
}
.panel.searchbox {
-webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, .1);
box-shadow: 1px 1px 10px rgba(0, 0, 0, .1)
}
.panel.searchbox .panel-body {
padding-top: 0
}
.panel.searchbox .panel-body .checkbox-inline {
margin-bottom: 5px
}
.panel.searchbox .panel-title {
margin: 15px -15px;
padding: 8px 5px 5px 10px;
background-color: rgba(0, 0, 0, .03);
border-bottom: 1px solid rgba(0, 0, 0, .05);
font-weight: 700;
color: #111;
font-size: 9pt
}
.panel.searchbox .panel-title:first-child {
margin-top: 0
}
.homepagenewslist,
.homepagenewslist .thenewslist-section {
padding: 0
}
.homepagenewslist .thenewslist-section .newsitem {
display: table;
border-bottom: 1px solid #eee;
margin-bottom: 0
}
.homepagenewslist .thenewslist-section .newsitem .time,
.homepagenewslist .thenewslist-section .newsitem .title {
padding: 8px 5px;
display: table-cell;
vertical-align: middle
}
.homepagenewslist .thenewslist-section .newsitem .time {
width: 150px
}
.aboutus-content dl {
display: table;
width: 100%;
margin-bottom: 0
}
.aboutus-content dl dd,
.aboutus-content dl dt {
display: table-cell;
font-size: 1.5rem;
border-bottom: 1px solid #eee;
padding-top: 12px;
padding-bottom: 12px;
vertical-align: middle
}
.aboutus-content dl dt {
border-right: 1px solid #eee;
width: 13em;
text-align: right;
padding-right: 20px
}
.aboutus-content dl dd {
padding-left: 20px
}
.sidebar-header {
font-weight: 700;
padding-bottom: 10px;
margin-bottom: 15px;
border-bottom: 1px solid #eee
}
.sidebar-pickup-list .sidebar-pickup-list-item {
margin-bottom: 20px;
position: relative;
-webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, .3);
box-shadow: 1px 1px 10px rgba(0, 0, 0, .3)
}
.sidebar-pickup-list .sidebar-pickup-list-item .thumb {
padding: 0;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, .03)
}
.sidebar-pickup-list .sidebar-pickup-list-item .thumb .img {
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
display: block;
height: 100px;
max-height: 180px;
width: 100%;
background-size: cover;
background-position: center center;
background-repeat: no-repeat
}
.sidebar-pickup-list .sidebar-pickup-list-item .thumb:hover .img {
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
opacity: .6
}
.sidebar-pickup-list .sidebar-pickup-list-item .thumb .tags {
position: absolute;
right: 5px;
top: 5px
}
.sidebar-pickup-list .sidebar-pickup-list-item .info {
display: table;
table-layout: fixed;
width: 100%;
color: #fff;
background-color: rgba(0, 0, 0, .8);
border-bottom: 1px solid rgba(255, 255, 255, .3);
padding: 5px;
font-size: 9pt
}
.sidebar-pickup-list .sidebar-pickup-list-item .info.info-plan-size {
text-align: center
}
.sidebar-pickup-list .sidebar-pickup-list-item .info.info-plan-size span {
padding: 0
}
.sidebar-pickup-list .sidebar-pickup-list-item .info.info-plan-size span.space {
width: 5em
}
.sidebar-pickup-list .sidebar-pickup-list-item .info.info-price .price {
font-size: 3rem
}
.sidebar-pickup-list .sidebar-pickup-list-item .info.info-price .price small {
font-size: 9pt
}
.sidebar-pickup-list .sidebar-pickup-list-item .info span {
display: table-cell;
vertical-align: middle;
height: 18px;
padding-left: 15px;
padding-right: 15px
}
.sidebar-pickup-list .sidebar-pickup-list-item .info-btn .btn {
border-radius: 0
}
.footer {
padding: 20px 0;
min-height: 100px;
background: #026DD5;
background: -moz-linear-gradient(top, #026DD5 0, #0258ad 26%);
background: -webkit-linear-gradient(top, #026DD5 0, #0258ad 26%);
background: linear-gradient(to bottom, #026DD5 0, #0258ad 26%);
}
.footer [role=footer_nav] {
margin-bottom: 20px
}
.footer [role=footer_nav] .footer-links ul {
list-style: none;
margin: 0;
padding: 0
}
.footer [role=footer_nav] .footer-links ul li {
list-style: none;
padding: 0;
margin: 0;
display: inline-block
}
.footer [role=footer_nav] .footer-links ul li a {
text-align: center;
color: #fff;
border-right: 1px solid rgba(255, 255, 255, .3);
padding: 0 15px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s
}
.footer [role=footer_nav] .footer-links ul li a small {
display: block;
clear: both;
font-size: 9pt
}
.footer [role=footer_nav] .footer-links ul li a:hover {
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
background: 0 0;
color: rgba(0, 0, 0, .6)
}
.footer [role=footer_nav] .footer-links ul li a:active,
.footer [role=footer_nav] .footer-links ul li a:focus,
.footer [role=footer_nav] .footer-links ul li a:visited {
background-color: rgba(255, 255, 255, .3)
}
.footer [role=footer_nav] .footer-links ul li:last-child a {
border-right: 0
}
.footer .logo {
display: block;
width: 100%;
height: 80px;
background: url(//cn.mangen.co.jp/views/537b2eb594/logo-footer.png) center center no-repeat
}
.contactphoto,
.search-btn {
background-repeat: no-repeat;
background-size: cover;
position: relative
}
.search-btn {
background-image: url(//cn.mangen.co.jp/views/537b2eb594/library/assets/imgs/search-bg.jpg);
background-position: center top;
padding: 10px
}
.search-btn .maptitle {
color: #fff;
margin: 0 0 10px
}
.search-btn .btnblock {
display: block;
position: relative;
background-color: rgba(255, 255, 255, .8);
border-radius: 10px;
height: 150px;
width: 100%;
box-shadow: 0 0 20px rgba(255, 255, 255, .9);
padding: 15px
}
.search-btn .btnblock .serachbtn {
opacity: 1;
height: 48px;
line-height: 38px;
font-size: 2rem;
font-weight: 700
}
.contactbtn {
margin-bottom: 20px;
display: block
}
.contactphoto {
background-image: url(//cn.mangen.co.jp/views/537b2eb594/library/assets/imgs/contactphoto.jpg);
background-position: center bottom;
min-height: 300px
}
.contactphoto .contactblock {
position: absolute;
bottom: 0;
padding: 10px
}
.contactphoto .contactblock .address {
margin-bottom: 10px
}
.contactphoto .contactblock .email,
.contactphoto .contactblock .tel {
font-size: 2.5rem;
font-weight: 700
}