@charset "utf-8"; @import url(//use.fontawesome.com/releases/v5.8.2/css/all.css); /*@import url(//use.fontawesome.com/releases/v5.0.11/css/all.css);*/ /* = Theme Name:tsujidoucom Theme URI: Description: Author: Version:1.2.0 @media print {body {zoom:80%;}}*/ /*--------------------------------------------- reset css --------------------------------------------- */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,p,th,td { margin:0; padding:0; } input,textarea { margin:0; font-size:100%; } table { border-collapse:collapse; border-spacing:0; font-size:100%; } img { border:0; } address,em,th { font-style:normal; font-weight:normal; } ol,ul { list-style:none; } th { text-align:left; } h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } hr { display:none; clear:both; } /* --------------------------------------------- font-size 13pxBase --------------------------------------------- */ body { color:#555; font:13px/1.231 'メイリオ',Meiryo,"Lucida Grande",Helvetica,Arial,Verdana,sans-serif;} *:first-child+html body { font-size:82%; } /* ie7 */ * html body { font-size:82%; } /* ie5-6 */ select,input,button,textarea { font:99% arial,helvetica,clean,sans-serif; } table { font-size:inherit; font:100%;} pre,code,kbd,samp,tt { font-family:monospace; *font-size:108%; line-height:100%; } .f10{font-size:77%} .f11{font-size:85%} .f12{font-size:93%} .f13{font-size:100%} .f14{font-size:108%} .f15{font-size:116%} .f16{font-size:123.1%} .f18{font-size:138.5%} .f20{font-size:153.9%} .f22{font-size:167%} .f24{font-size:182%} .f26{font-size:197%} .f28{font-size:215.4%;} /* --------------------------------------------- tag --------------------------------------------- */ /* strong */ strong {font-weight:bold; color:#000;} strong.it {color:#248; font-style:italic; padding:0 2px;} /* em */ em {color:#09e;/*#f90;*/ font-weight:bold; font-style:normal;} /* sub */ sub {vertical-align:baseline;} /* link */ a { color:#39c; text-decoration:underline; outline:none; -webkit-transition:color 500ms ease 0s; transition:color 500ms ease 0s;} a span {cursor:pointer;} a:hover { color:#6cf; } a img { border:none; } /*a:hover img { opacity:0.7; -moz-opacity:0.7; filter:alpha(opacity=70); -ms-filter:"alpha(opacity=70)"; } a:hover img.over { opacity:inherit; -moz-opacity:inherit; filter:none; -ms-filter:none; }*/ /* --------------------------------------------- clearfix --------------------------------------------- */ .clearFix:after, #header:after, #main:after, #contents:after, #footer:after { content:""; display:table; clear:both; } .clearFix, #header, #main, #contents, #footer { /zoom:1; } /* --------------------------------------------- table --------------------------------------------- */ table.tbl {border-top:#ccc 1px solid; border-left:#ccc 1px solid; line-height:1.4; line-height:1.2;} table.tbl caption {text-align:left; font-weight:bold; font-size:133%; color:#333; padding:1px 0 1px 10px; margin-bottom:10px; border-left:2px solid #690; } table.tbl th {border-bottom:#ccc 1px solid; border-right:#ccc 1px solid; padding:10px; vertical-align:middle; background:#eee;} table.tbl td {border-bottom:#ccc 1px solid; border-right:#ccc 1px solid; padding:10px; vertical-align:top; background:#fff;} table.tbl2 {/*border-bottom:1px solid #ccc;*/} table.tbl2 th, table.tbl2 td { border-top:1px solid #ccc; padding:10px; vertical-align:top;} table.tbl2 td p {} table.tbl2 td p.result { background:url(images/icon_down.gif) top center no-repeat; padding-top:30px;} /* --------------------------------------------- form --------------------------------------------- */ .form input, .form textarea, .form select { margin:0 1px 3px 0; vertical-align:middle;} .form .text { border:#ddd 1px solid; } .form input, .form select { padding:3px; outline:none;} .form h2 { font-size:123.1%; color:#333; padding-bottom:20px;} .form dl { ;} .form dl dt { display:block; float:left; width:11em; padding:15px 0 0; clear:both;} .form dl dt span { margin-left:5px; font-size:10px;} .form dl dd { display:block; margin-left:11em; padding:10px 0 0;} .form label {position:relative; display:inline-block; *display:inline; *zoom:1; margin-right:20px; padding-bottom:3px; } .form .submit_btn {margin:10px 0 0 11.2em; background:#036; color:#fff; padding:7px 7px 7px 20px; border:none; letter-spacing:1em; cursor:pointer;} .form .submit_btn:hover {background:#369;} .form a { text-decoration:none;} .form .note { font-size:93%; } /* --------------------------------------------- dl --------------------------------------------- */ dl.dl { display:block; margin:0;} dl.dl dt { float:left; padding:0 0 5px 0; width:6em;} dl.dl dd { display:block; margin:0 0 0 6.5em; padding:0 0 5px 0;} /* --------------------------------------------- frame --------------------------------------------- */ .frm1 {margin:0 0 5px 0; padding:15px; background:#f4f4f4; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;} .frm2 {margin:0 0 5px 0; padding:3px 15px; background:#fff; border:1px solid #ddd; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;} /* --------------------------------------------- icon --------------------------------------------- */ .mail {background:url(images/icon_mail.gif) 0 5px no-repeat; padding:0 0 0 15px;} .newwin {background:url(images/icon_newwin.gif) left 5px no-repeat; padding:0 0 0 14px; line-height:1.4; text-decoration:none;} /* --------------------------------------------- list --------------------------------------------- */ ul.list li {margin-bottom:7px; line-height:1.4;} ul.list_dot li {padding:7px 5px 5px; border-bottom:1px dotted #ccc; line-height:1.4;} ul.list1 li { background:url(images/listmark.gif) 2px 11px no-repeat; padding:0.6em 0 0 10px; margin:0 0 0 0; line-height:1.2;} ul.list2 li { background:url(images/listmark1.gif) 2px 11px no-repeat; padding:0.6em 0 0 10px; margin:0 0 0 0; line-height:1.2;} ul.link1 li { background:url(images/link.gif) 0 10px no-repeat; padding:0.6em 0 0 13px; margin:0 0 0 0; line-height:1.2;} ul.link2 li { background:url(images/link1.gif) 2px 11px no-repeat; padding:0.6em 0 0 10px; margin:0 0 0 0; line-height:1.2;} ul.link3 li { background:url(images/link2.gif) 0 11px no-repeat; padding:0.6em 0 0 9px; margin:0 0 0 0; line-height:1.2;} ul.link4 li { background:url(images/link3.gif) 0 8px no-repeat; padding:0.6em 0 0 14px; margin:0 0 0 0; line-height:1.2;} ul.link5 li { background:url(images/link4.gif) 2px 11px no-repeat; padding:0.6em 0 0 10px; margin:0 0 0 0; line-height:1.2;} ul.note { text-align:left; font-size:85%;} ul.note li { padding:4px 0 2px 1em; margin:0; line-height:1.4;} ul.note li span {margin-left:-1em;} p.link a { background:url(images/listmark1.gif) 0 11px no-repeat; padding:0.6em 0 0 15px; margin:0 0 0 0; line-height:1.2; text-decoration:none;} /* --------------------------------------------- link --------------------------------------------- */ a.link {display:block; clear:both; padding:0 0 0 17px; line-height:1.2 !important; background:url(images/listmark1.gif) 2px 0.2em no-repeat; text-decoration:none;} /* ============================================ body ============================================ */ body {text-align:center;} #main { width:990px; margin:0 auto; padding:0;} #contents { width:990px; text-align:left; } /* ============================================ 　#header ============================================ */ #header { margin:0 auto; padding:10px 0 5px; width:990px; border-bottom:2px solid #336; } @media only screen and (min-width:440px) { #header { position:relative; z-index:999; } } #logo { float:left; text-align:left; display:block; margin:30px 0 0;} #logo:hover img { opacity:1; -moz-opacity:1; filter:alpha(opacity=100); -ms-filter:"alpha(opacity=100)";} /* #gnavi */ #gnavi { float:left; width:440px; margin:35px 0 0;} #gnavi li { margin:0 0 0 10px; padding:0px; z-index:1; position:relative; display:inline-block; *display:inline; *zoom:1; } #gnavi li.media, #gnavi li.surfershouse, #gnavi li.mansion134, #gnavi li.sns, #gnavi li.line, #gnavi li.fb { display:none; } #gnavi li a { font-size:123.1%; color:#999; padding:0; text-decoration:none; } #gnavi>li>a>span { display:none; } #gnavi>li.store>a>span.pc { display:inline; } body.sale #gnavi li.sale>a, body.rent #gnavi li.rent>a, body.store #gnavi li.store>a, body.blog #gnavi li.blog>a, body.media #gnavi li.media>a, body.wallpaper #gnavi li.wallpaper>a, body.home #gnavi li>a, /*body.other #gnavi li>a,*/ body.property_list #gnavi li.property>a, body.property_in #gnavi li.property>a { color:#000; } body.property_list #gnavi>li.rent>a, body.property_in #gnavi>li.rent>a { color:#999;} /*body.property_list #gnavi>li>a:hover, body.property_in #gnavi li a:hover {color:#6cf;}*/ #gnavi li a:hover {color:#6cf;} #gnavi li ul { position:absolute; top:20px; left:-5px; width:230px; text-align:left; display:none; padding-top:4px; z-index:99; line-height:0; } #gnavi li ul li { padding:0; margin:0; display:block; background:#eee; } #gnavi li ul li a { display:block; padding:10px 5px; font-size:13px; margin:0; display:block; *zoom:1; line-height:1.3; color:#333; } #gnavi li ul li a:hover { background:#f6f6f6; color:#6cf; } .hicon, #menu-icon {display:none;} #snsWin {display:none;} #sidemenu { display:none;} /* #loggedin */ #loggedin { margin:-15px 0 0 0; font-size:85%; text-align:left;} #loggedin span { color:#666; /*padding-right:6px; margin-right:3px; border-right:1px solid #ddd;*/} #loggedin a { text-decoration:none; padding-right:6px; border-right:1px solid #ddd;} #loggedin #msg_sp_not_loggedin {display:none;} /* #headlinks */ #headlinks { height:20px;} #headlinks ul.social { min-width:450px;} #headlinks ul.social:after { content:""; display:table; clear:both; } #headlinks ul.social { /zoom:1; } #headlinks ul.social li { float:right; color:#999;} #headlinks ul.social li a { display:block; width:15px; height:15px; text-indent:100%; white-space:nowrap; overflow:hidden; opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=30); -ms-filter:"alpha(opacity=30)";} #headlinks ul.social li a:hover { opacity:1; -moz-opacity:1; filter:alpha(opacity=100); -ms-filter:"alpha(opacity=100)";} #headlinks ul.social li.fb a { background:url(images/icon_fb.png) left top no-repeat;} #headlinks ul.social li.rss a { background:url(images/icon_rss.png) left center no-repeat;} #headlinks ul.social li.note { margin-right:20px; min-width:460px; text-align:right;} #headlinks ul.social li.note2 {display:none;} #header ul.btns { float:right; width:395px; margin:28px 0 0; padding:0; text-align:right;} #header ul.btns li { margin:0 0 0 2px; padding:0; vertical-align:top; position:relative; display:inline-block; *display:inline; *zoom:1; } #header ul.btns li.tel { margin-left:4px;} #header ul.btns li.tel a { cursor:default; } #header ul.btns li.tel a:hover img { opacity:1; -moz-opacity:1; filter:alpha(opacity=100); -ms-filter:"alpha(opacity=100)";} .tel_area { text-align: left; } .tel_area .tel_num { padding: 0px 0 0 0; margin: 0; text-align: right; line-height: 1.1; } .tel_area .tel_num:before {content:""; display:inline-block; width:13px; height:13px; background:url(/images/tx_tshousing_tel2.svg) no-repeat; background-size:contain; margin-right: 3px; } .tel_area .tel_num a { color: #222; font-size: 16px; font-weight: bold; text-decoration: none; letter-spacing: 0.04rem; } .tel_area .tel_num a[href^="tel:"] { pointer-events: none; } .tel_area .time { font-size: 12px; margin-bottom: 0px; text-align: right; } .tel_area .time .holiday {font-size: 11px; } .tel_area .time .holiday:before {content:""; display:inline-block; width:1.2em; height:1.2em; background:url(/images/tx_tshousing_holiday.svg) no-repeat; background-size:contain; margin-left: 3px; vertical-align: top; } /* ============================================ #breadcrumb ============================================ */ #breadcrumb { width:990px; margin:0 auto; text-align:right; padding:10px 0 0;} #breadcrumb a { text-decoration:none;} /* ============================================ 　#side ============================================ */ #side { float:right; width:200px; /*background:#eee; border-left:1px solid #ccc;*/ padding-bottom:20px;} #mainmenu ul { margin:0; padding:0; background:#f8f8f8; border-left:1px solid #ccc; border-right:1px solid #ccc; border-top:1px solid #ccc; text-align:left;} #mainmenu ul li { border-bottom:1px solid #ccc; margin:0; padding:0;} #mainmenu ul li a { text-decoration:none; color:#444;} #mainmenu ul li a.cat { display:block; background:url(images/sidemenu.gif) center left no-repeat; padding:11px 6px 11px 15px; line-height:1.3; font-size:108%;} body.about #mainmenu ul li.about a.cat, body.news #mainmenu ul li.news a.cat, body.publish #mainmenu ul li.publish a.cat, body.research #mainmenu ul li.research a.cat, body.staff #mainmenu ul li.staff a.cat, body.link #mainmenu ul li.link a.cat, body.contact #mainmenu ul li.contact a.cat, #mainmenu ul li a.cat:hover { background-position:center right;} #mainmenu ul ul { margin:0; display:none;} body.about #mainmenu ul li.about ul, body.news #mainmenu ul li.news ul, body.publish #mainmenu ul li.publish ul, body.research #mainmenu ul li.research ul, body.staff #mainmenu ul li.staff ul, body.link #mainmenu ul li.link ul, body.contact #mainmenu ul li.contact ul {display:block;} #mainmenu ul ul li { border-bottom:1px dotted #ccc;} #mainmenu ul ul li a { display:block; padding:7px 6px 6px 22px; line-height:1.3;} #mainmenu ul ul li a.on, #mainmenu ul ul li a:hover { background:#eee;} /* ============================================ 　#footer ============================================ */ /* .pagetop */ #main .pagetop { display:none; } .pagetop { position:fixed; bottom:0; right:0; /*width:990px; margin:20px auto 0;*/ } .pagetop:after { content:""; display:table; clear:both; } .pagetop { /zoom:1; } .pagetop a { display:block; float:right; width:40px; height:29px; background:rgba(0,10,50,0.7) url(images/icon_up2.gif) 14px 11px no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden;} .pagetop a:hover { opacity:0.9; -moz-opacity:0.9; filter:alpha(opacity=90); -ms-filter:"alpha(opacity=90)";} /* #footer_area */ #footer_area { position:relative; } /* #footer1 */ #footer1 { text-align:left; /*background:#f6f6f6;*/} #footer1 .inner { width:990px; margin:0 auto; padding:40px 0 20px; border-top:2px solid #336;} #footer1 .inner:after { content:""; display:table; clear:both; } #footer1 .inner { /zoom:1; } #footer1 .info { float:right; width:300px; /*width:250px;*/} #footer1 .info .img { display:block; margin:3px 0 10px;} #footer1 .info ul.btns { margin:10px 0; text-align:center; } #footer1 .info ul.btns li {position:relative; display:inline-block; *display:inline; *zoom:1; margin:0 3px; } #footer1 .info .link { margin-left:40px;} #footer1 .info a.tel { cursor:default; } #footer1 .info a.tel:hover img {opacity:1; -moz-opacity:1; filter:alpha(opacity=100); -ms-filter:"alpha(opacity=100)"; } #footer1 .matching { background:#69d; color:#fff; } /* contact form */ #footer1 .wpcf7 { float:left; width:670px; padding-left:3px;} #footer1 .wpcf7 h2 { font-size:138.5%;} .wpcf7-text, .wpcf7-textarea { border:#ddd 1px solid; } #footer1 .form span.message textarea { width:460px; height:70px;} #footer1 .form span.mailaddress input, #footer1 .form span.mailaddress_confirm input {/* width:150px;*/} #footer1 .form span.postcode input { width:100px;} #footer1 .form span.message textarea { width:460px; height:70px;} #footer1 .form span.purl { display:none; } #footer1 .form .wpcf7-submit { background:#036; color:#fff; letter-spacing:1em; cursor:pointer; vertical-align:baseline; margin:10px 0 0 11.2em; padding:7px 7px 7px 20px; border:none;} .form .wpcf7-submit:hover {background:#369;} .wpcf7-not-valid { background:#FaF8d0;} /* msg */ #footer1 .form div.wpcf7-response-output{ margin-left:11.2em; /*padding:1em;*/ padding:0; } #footer1 .form div.wpcf7-mail-sent-ok { /*border:2px solid #398f14;*/ border:none; color:#369; } #footer1 .form div.wpcf7-mail-sent-ng { /*border:2px solid #ff0000;*/ border:none; color:#900; } #footer1 .form div.wpcf7-spam-blocked { /*border:2px solid #ffa500;*/ border:none; color:#900; } #footer1 .form div.wpcf7-validation-errors { /*border:2px solid #f7e700;*/ border:none; color:#900; } #footer1 .form span.wpcf7-not-valid-tip { position:absolute; top:0%; left:95%; z-index:100; width:280px; padding:7px; border:none; background:#a55; color:#fff; font-size:10pt; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; -moz-box-shadow: 1px 1px 2px #000; -webkit-box-shadow: 1px 1px 2px #000; opacity:0.9; -moz-opacity:0.9; filter:alpha(opacity=90); -ms-filter:"alpha(opacity=90)"; } /* #footmenu */ #footmenu { margin:0 auto; padding:30px 0 15px; width:990px; text-align:left; border-top:1px solid #369;/* #369;*/} #footmenu:after { content:""; display:table; clear:both; } #footmenu { /zoom:1; } #footmenu ul.sitemap { float:left; width:220px;/*155px;*/} #footmenu ul.sitemap li { padding-bottom:3px;} #footmenu ul.sitemap li a { color:#666; text-decoration:none; font-size:85%; line-height:1.2;} #footmenu ul.sitemap li a:hover { color:#333;} #footmenu ul.sitemap li.h { padding-bottom:5px;} #footmenu ul.sitemap li.h a { font-size:108%; color:#333;} #footmenu ul.sitemap li.h a:hover { font-size:108%; color:#000;} #footmenu ul.sitelist { float:right; width:300px; display:none;} #footmenu ul.sitelist li {;} #footmenu ul.sitelist li a { color:#000; text-decoration:none; font-size:85%; padding:0 0 25px 110px; display:block; opacity:0.7; -moz-opacity:0.7; filter:alpha(opacity=70); -ms-filter:"alpha(opacity=70)";} #footmenu ul.sitelist li a:hover { opacity:1; -moz-opacity:1; filter:alpha(opacity=100); -ms-filter:"alpha(opacity=100)";} #footmenu ul.sitelist li.cb a { background:url(images/logo_cb2.png) left 3px no-repeat;} #footmenu ul.sitelist li.mansion a { background:url(images/logo_mansion2.gif) left 1px no-repeat;} #footmenu ul.sitelist li.sh a { background:url(images/logo_sh2.png) left top no-repeat; padding-top:5px;} /* #footmenu2 */ #footmenu2 { margin:0 auto; padding:15px 0; text-align:left; font-size:85%; width:990px; border-top:1px solid #369;/* #369;*/ /*background:url(images/pic_foot.gif) center bottom no-repeat;*/} #footmenu2:after { content:""; display:table; clear:both; } #footmenu2 { /zoom:1; } #footmenu2 ul { width:690px; float:left; margin:0; vertical-align:bottom; text-indent:-10px;} #footmenu2 ul li { display:inline; border-right:solid 1px #ccc; padding:0 7px 0 4px; } #footmenu2 ul li.nopipe { border:none;} #footmenu2 ul li a { color:#999; text-decoration:none;} #footmenu2 ul li a:hover { color:#666;} #footmenu2 ul li a img { vertical-align:bottom;} #footmenu2 .copyright { width:300px; margin:0 0; text-align:right; color:#999; float:right;} /* .com_info */ .com_info { max-width: 300px; width: 100%; margin: 0 auto; } .com_info:after { content:""; display:table; clear:both; } .adrs_area { float: left; text-align: left; } .adrs_area .tel_num { padding: 10px 0 0 0; margin: 0; } .adrs_area .tel_num:before {content:""; display:inline-block; width:16px; height:16px; background:url(/images/tx_tshousing_tel2.svg) no-repeat; background-size:contain; margin-right: 3px; } .adrs_area .tel_num a { color: #222; font-size: 22px; font-weight: bold; text-decoration: none; } .adrs_area .tel_num a[href^="tel:"] { pointer-events: none; } .adrs_area .adrs { font-size: 13px; } .adrs_area .time {font-size: 16px; margin-bottom: 3px;} .adrs_area .time .holiday {font-size: 13px; } .adrs_area .time .holiday:before {content:""; display:inline-block; width:1.3em; height:1.3em; background:url(/images/tx_tshousing_holiday.svg) no-repeat; background-size:contain; margin-left: 5px; vertical-align: text-top; } .adrs_area .line_friend { color: #0b0; text-align: right; font-size: 11px; font-weight: bold; padding-top: 3px; } .line_area { float: right; width: 95px; } .line_area img { width: 100%; max-width: 95px; } /* ============================================ 　#content ============================================ */ #contents .contentbody { margin:0 0 10px 10px;} #contents .contentbody:after { content:""; display:table; clear:both; } #contents .contentbody { /zoom:1; } /* --------------------------------------------- text --------------------------------------------- */ #contents .contentbody p { line-height:1.8; margin-bottom:20px;} #contents .contentbody .note { font-size:85%;} /* --------------------------------------------- h* --------------------------------------------- */ .h1 { font-size:138.5%; color:#220; line-height:1.3; border-left:2px solid #069; padding:15px 0 15px 20px; margin:0; } .h_en { font-family:"Times New Roman", Times, Georgia, serif;} .h2 { padding:0 0 2px 2px; margin:40px 0 15px; font-size:123.1%; color:#369;} .h2 span { display:block; margin-bottom:5px; border-left:2px solid #096; padding:0 0 0 10px; line-height:1.2em;} .h3 { margin:50px 0 15px; font-size:123.1%; color:#000; line-height:1.4;} .h4 { border-left:2px solid #bbb; padding:0 0 0 6px; margin:30px 0 10px; color:#222; line-height:1.4; font-weight:bold; font-size:108%;} .h5 { color:#000; margin:20px 0 4px; line-height:1.4; font-size:108%;} /* --------------------------------------------- p --------------------------------------------- */ .p1 p, p.p1 {line-height:1.7; padding-bottom:10px;} .p2 p, p.p2 {line-height:1.5; padding-bottom:5px;} /* --------------------------------------------- btn --------------------------------------------- */ a.btn { text-align:center; color:#333; text-decoration:none; line-height:1.2; position:relative; display:inline-block; *display:inline; *zoom:1; background:url(images/btn_bg.gif) 0 center repeat-x; border:1px solid #ddd; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;} a.btn:hover { opacity:0.8; -moz-opacity:0.8; filter:alpha(opacity=80); -ms-filter:"alpha(opacity=80)";} a.btn span { padding:8px 10px 8px 20px; font-size:77%; position:relative; display:inline-block; *display:inline; *zoom:1; } a.regist_btn span { background:url(images/icon_good.png) 8px center no-repeat;} a.login_btn span { padding:8px 10px;} a.mail_btn span { background:url(images/icon_mail.gif) 8px center no-repeat;} a.list_btn span { background:url(images/icon_list.gif) 8px center no-repeat;} a.addlist_btn span { background:url(images/icon_addlist.gif) 8px center no-repeat;} a.removelist_btn {background:#f4f4f4; border:none;} a.removelist_btn span { padding-left:5px; color:#999;} a.removelist_btn:hover {background:#ddd; border:#ccc;} a.removelist_btn:hover span { background:url(images/icon_del.gif) 3px center no-repeat; padding-left:12px; color:#333;} a.btn2 { text-align:center; line-height:1.2; padding:8px 12px; background:#333; position:relative; display:inline-block; *display:inline; *zoom:1; } a.btn2 span {color:#ccc; text-decoration:none; padding-right:15px; position:relative; display:inline-block; *display:inline; *zoom:1; background:url(images/listmark3.png) right 0 no-repeat;} /* --------------------------------------------- ツイート・いいねボタン --------------------------------------------- */ #snsbtn {text-align:right; height:35px;} #snsbtn:after {visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;} * html #snsbtn { zoom:1; } /* IE6 */ *:first-child+html #snsbtn { zoom:1; } /* IE7 */ /*#snsbtn .tw { float:right; width:105px; text-align:left; } #snsbtn .fb { float:right; width:115px; text-align:left; } #snsbtn .ln { float:right; width:85px; text-align:left; }*/ #snsbtn .tw, #snsbtn .fb, #snsbtn .ln { float:right; width:auto; text-align:left; margin-right:10px; } .snsbtnToppage #snsbtn { width:960px; margin:0 auto 15px; position:relative; /*height:0;*/ max-width:100vw; } /*.snsbtnToppage #snsbtn .tw { position:absolute; top:-30px; left:0;} .snsbtnToppage #snsbtn .fb { position:absolute; top:-30px; left:110px;} .snsbtnToppage #snsbtn .ln { position:absolute; top:-30px; left:230px;}*/ #pheader #snsbtn { display:none; } /* --------------------------------------------- bxslider --------------------------------------------- */ ul.bxslider { height:333px; overflow:hidden; } /* --------------------------------------------- 　.tab --------------------------------------------- */ .tabcontentset { position:relative; padding:0; } ul.tabs { position:absolute; top:0; right:0; z-index:10; } ul.tabs:after { content:""; display:table; clear:both; } ul.tabs li { display:block; width:50%; float:left; } ul.tabs li a { display:block; padding:20px 5px; background:#ddd; cursor:pointer; font-weight:bold; text-decoration:none; text-align:center; color:#333; /* font-size:12px; */ } ul.tabs li a:hover { background:#e4e4e4; } ul.tabs li.on a { background:#f4f4f4; cursor:default; } .tabcontent { position:absolute; top:0; left:0; width:100%; height:100%; z-index:0; background:#f4f4f4; } .tabcontent_on { z-index:1; } @media only screen and (max-width:767px) { /* .tabs li a, .tabs li span { height:40px; font-size:3.3vw; } .tabs li span { box-shadow:0 0 0 2px #2e2930; } .tabs li span:after { bottom:-4px; height:6px; } */ } /* --------------------------------------------- 　.pager --------------------------------------------- .pager { clear:both; padding:20px 0; position:relative; font-size:11px; line-height:13px; } .pager span, .pager a { display:block; float:left; margin:2px 2px 2px 0; padding:6px 9px 5px 9px; text-decoration:none; width:auto; color:#fff; background:#555; } .pager a:hover{ color:#fff; background:#3279BB; } .pager .current{ padding:6px 9px 5px 9px; background:#3279BB; color:#fff; }*/ .pager{ text-align:center; } a.page-numbers, .pager .current{ background:#eee; border:solid 1px #ccc; padding:5px 8px; margin:0 2px; text-decoration:none; } .pager .current{ background:#333; border:solid 1px #333; color:#ccc; } /* --------------------------------------------- 　thickbox --------------------------------------------- */ #TB_title { background:#fff;} #TB_window #TB_ajaxContent { color:#555; font:13px/1.231 'メイリオ',Meiryo,"Lucida Grande",Helvetica,Arial,Verdana,sans-serif;} #TB_window h2 { border-left:3px solid #ccc; margin:30px 0 0 50px; padding:0 0 0 8px; font-size:14px; color:#777; } button#TB_closeWindowButton { overflow:hidden; } button#TB_closeWindowButton .screen-reader-text { opacity:0; } button#TB_closeWindowButton:hover { background:#eee;} /* #loginwin */ #loginwin {display:none; } #TB_window ul.form { padding:30px 20px 0 0; text-align:center; color:#666;} #TB_window ul.form label { width:5.5em; } #TB_window ul.form input.input { width:180px;} #TB_window ul.form input { margin-bottom:15px; vertical-align:baseline; } #TB_window #fudo_kaiin-4 a { color:#39c; padding:0 5px;} /* #loginwin2 マイリストログイン前 */ #loginwin2 { text-align:center; } #loginwin2 h2 { border-left:3px solid #ccc; margin:40px 0 10px 70px; padding:0 0 0 8px; font-size:14px; color:#777; text-align:left;} #loginwin2 ul.form label { width:5.5em; } #loginwin2 ul.form input.input { width:180px;} #loginwin2 ul.form input { margin-bottom:15px; vertical-align:baseline; } #loginwin2 #fudo_kaiin-4 a { color:#39c; padding:0 5px;} /* #rsswin */ #rsswin {display:none;} .rsswin { padding:20px 0 0 40px;} .rsswin ul.newwin { background:none; } .rsswin ul.newwin li { padding:5px 0;} .rsswin ul.newwin li a { display:block; line-height:1.4; text-decoration:none; background:url(images/icon_newwin.gif) left 5px no-repeat; padding:0 0 0 14px;} .rsswin ul.rss { background:none; } .rsswin ul.rss li { padding:5px 0;} .rsswin ul.rss li a { display:block; line-height:1.4; text-decoration:none; background:url(images/icon_rss.png) center left no-repeat; padding:0 0 0 14px;} #TB_window .rsswin ul li a:hover {color:#6cf;} /* --------------------------------------------- 状態 --------------------------------------------- */ em.new {;} em.pricedown { color:#F90;} em.pending { color:#333;} em.close { color:#fff; background: #c00; padding:0px 2px; margin: 0 3px 2px 0 !important; font-size: 11px; line-height: 1.5; } /* --------------------------------------------- 自社物件用 --------------------------------------------- */ .property_wait { display:none; color:#09e; /* 空き待ち */ } .property_in .property_wait { display:inline-block; } .property_in .property_mylist { display:none; } /* --------------------------------------------- こだわりアイコンリスト --------------------------------------------- */ ul.interestlist {;} ul.interestlist li { margin:3px 2px 0 0; padding:2px 5px; color:#fff; font-size:85%; position:relative; display:inline-block; *display:inline; *zoom:1; } .interest30010:hover, .interest30010 { background:#0198cd;} /* 海見え */ .interest35010:hover, .interest35010 { background:#069;} /* 海近い */ .interest35020:hover, .interest35020 { background:#9b6467;} /* 富士山 */ .interest35030:hover, .interest35030 { background:#696;} /* 緑多い */ .interest30040:hover, .interest30040 { background:#690;} /* 新築 */ .interest30050:hover, .interest30050 { background:#390;} /* 築5年以内 */ .interest30060:hover, .interest30060 { background:#996;} /* リノベーション */ .interest30070:hover, .interest30070 { background:#444;} /* デザイナーズ */ .interest30080:hover, .interest30080 { background:#976;} /* 平屋 */ .interest30100:hover, .interest30100 { background:#699;} /*ルームシェア */ .interest30110:hover, .interest30110 { background:#600;} /* ピアノ可 */ .interest30090:hover, .interest30090 { background:#663;} /* 車2台以上 */ .interest30160:hover, .interest30160 { background:#6c6;} /* お庭がステキ */ .interest30020:hover, .interest30020 { background:#936;} /* ペット可 */ .interest30030:hover, .interest30030 { background:#939;} /* ネコ可 */ .interest30120:hover, .interest30120 { background:#036;} /* 敷金0礼金0 */ .interest35040:hover, .interest35040 { background:#960;} /* 飲食店可 */ .interest35050:hover, .interest35050 { background:#366;} /* 短期契約可 */ .interest35060:hover, .interest35060 { background:#557;} /* 駅近い */ .interest30130:hover, .interest30130 { background:#963;} /* 店舗付住宅 */ .interest30140:hover, .interest30140 { background:#363;} /* 2世帯住宅 */ .interest30150:hover, .interest30150 { background:#033;} /* 投資向き */ .interest_off { background:#aaa;} /* */ /* ============================================ 　トップページ / 記事一覧 ============================================ */ /* ２列 */ #pickupentries { margin:50px 0 0; /*padding-bottom:10px; border-bottom:1px solid #369;*/} #pickupentries:after { content:""; display:table; clear:both; } #pickupentries { /zoom:1; } #pickupentries .entry { float:left; width:490px; height:300px; font-size:93%; text-align:center; overflow:hidden;} #pickupentries .entry .inner { height:280px; width:430px; overflow:hidden; position:relative; cursor:pointer; margin:0 auto; text-align:left;} #pickupentries .entry a { text-decoration:none; color:#666; display:block; } #pickupentries .entry a:hover img { opacity:1; -moz-opacity:1; filter:alpha(opacity=100); -ms-filter:"alpha(opacity=100)";} #pickupentries .entry .img {width:430px; height:200px; overflow:hidden; display:block;} #pickupentries .entry .data { padding:10px 0; position:absolute; top:200px; left:0; width:100%; height:300px; background:#fff; -webkit-transition:all 300ms; transition:all 300ms;} #pickupentries .entry:hover .data { background-color:#f6f6f6; top:150px; -webkit-transition:all 300ms; transition:all 300ms;} #pickupentries .entry .data .text { border-left:1px solid #ddd; padding:2px 0 2px 11px; margin-left:9px; /*50px;*/} #pickupentries .entry .date { color:#999;} #pickupentries .entry h2 a { color:#000; padding:3px 0;} #pickupentries .entry h3 { ;} #pickupentries .entry p { padding:30px 20px; line-height:1.4;} /* ３列 */ #blogentries { margin:50px 0 0;} #blogentries:after { content:""; display:table; clear:both; } #blogentries { /zoom:1; } #blogentries .entries_sale, #blogentries .entries_rent, #blogentries .entries_blog { width:330px; float:left;} #blogentries .entry { float:left; width:330px; height:310px; font-size:93%; text-align:center;} #blogentries .entry .inner { height:280px; width:300px; overflow:hidden; position:relative; cursor:pointer; margin:0 auto; text-align:left;} #blogentries .entry a { text-decoration:none; color:#666; display:block; line-height:1.3; } #blogentries .entry a:hover img { opacity:1; -moz-opacity:1; filter:alpha(opacity=100); -ms-filter:"alpha(opacity=100)";} #blogentries .entry .img {width:330px; height:200px; overflow:hidden; display:block;} #blogentries .entry a span.label { position:absolute; top:0; left:0; background:#248; color:#fff; font-weight:bold; padding:6px 10px; } #blogentries .entry span#label1 { background:#09c; } /*3103 一戸建貸家*/ #blogentries .entry span#label2 { background:#598; } /*3101 賃貸マンション*/ #blogentries .entry span#label3 { background:#696; } /*3104 賃貸テラスハウス*/ #blogentries .entry span#label4 { background:#696; } /*3102 賃貸アパート*/ #blogentries .entry span#label5 { background:#699; } /*3202 店舗*/ #blogentries .entry span#label6 { background:#699; } /*3203 事務所*/ #blogentries .entry span#label7 { background:#699; } /*1506 売店舗・事務所*/ #blogentries .entry span#label8 { background:#876; } /*3282 賃貸駐車場*/ #blogentries .entry .data { padding:10px 0; position:absolute; top:200px; left:0; width:100%; height:300px; -webkit-transition:all 300ms; transition:all 300ms;} #blogentries .sale .data { background:#fff url(images/icon_sale.svg) 10px 25px no-repeat; background-size: 20px auto; } #blogentries .rent .data { background:#fff url(images/icon_rent.svg) 10px 25px no-repeat; background-size: 20px auto; } #blogentries .blog .data { background:#fff url(images/icon_pc.png) 10px 25px no-repeat; } #blogentries .wallpaper .data { background:#fff url(images/icon_camera.svg) 10px 25px no-repeat; background-size: 18px auto; } #blogentries .store .data { background:#fff url(images/icon_cart.png) 10px 25px no-repeat; } .home #blogentries .store .data { background:#fff url(images/icon_cart2.svg) 10px 25px no-repeat; background-size: 18px auto; } #blogentries .information .data { background:#fff url(images/icon_information.png) 10px 25px no-repeat; } #blogentries .recommend .data { background:#fff url(images/icon_recommend.png) 10px 25px no-repeat; } #blogentries .lifeplan .data { background:#fff url(images/icon_lifeplan.png) 10px 25px no-repeat; } #blogentries .lifestyle .data { background:#fff url(images/icon_besan.png) 10px 25px no-repeat; } #blogentries .surftrip .data { background:#fff url(images/icon_surftrip.png) 10px 25px no-repeat; } #blogentries .surfershouse .data { background:#fff url(images/icon_surfershouse.png) 10px 25px no-repeat; } #blogentries .entry:hover .data { background-color:#f6f6f6; top:150px; -webkit-transition:all 300ms; transition:all 300ms;} #blogentries .entry .data .text { border-left:1px solid #ddd; padding:0 0 0 10px; margin-left:40px; height:50px; overflow:hidden;} #blogentries .entry .date { color:#999;} #blogentries .entry h2 a { color:#000; padding:3px 0;} #blogentries .entry h3 { ;} #blogentries .entry p { padding:20px; line-height:1.4; -webkit-transition:color 800ms ease 0s; transition:color 800ms ease 0s;} /*body.blog #blogentries .entry .data { background:#fff;} body.blog #blogentries .entry:hover .data { background-color:#f6f6f6;} body.blog #blogentries .entry .data .text { ; }*/ /* 横長のワク | surfershouse,mansion134,surf134 */ #pickup { width:960px; height:300px; margin:0 auto; border:1px solid #ddd; font-size:93%; overflow:hidden; position:relative;} #pickup:after { content:""; display:table; clear:both; } #pickup { /zoom:1; } #pickup a { text-decoration:none; color:#999;} #pickup a:hover img {opacity:1; -moz-opacity:1; filter:alpha(opacity=100); -ms-filter:"alpha(opacity=100)";} #pickup .img { width:560px; height:300px; overflow:hidden; float:left; } #pickup .img div { display:none;} #pickup .data { position:absolute; top:0; left:580px; width:1040px; height:300px; overflow:hidden; background:#fff; line-height:1.6;} #pickup .data:after { content:""; display:table; clear:both; } #pickup .data { /zoom:1; } #pickup .data .data_inner { float:left; width:360px; text-align:center;} #pickup .data .data_inner div { display:none;} #pickup .data img { display:block; margin:90px auto 20px;} #pickup .data .ms img { margin-top:100px;} #pickup .data .date { color:#999; margin-right:5px;} #pickup .data h2 a { font-style:italic;} #pickup .data .p { float:left; width:350px; padding:90px 0 0 80px;} #pickup .data .p a { display:none;} #pickup .data .cb { margin-top:20px;} /* 売買,賃貸,ブログ,ストアの新着記事 */ #latest_entries { /*border-top:2px solid #336; padding-top:10px;*/ margin:0 15px 30px;} #latest_entries:after { content:""; display:table; clear:both; } #latest_entries { /zoom:1; } #latest_entries .entry { width:470px; height:8em; border:1px solid #ddd; font-size:93%; margin-top:15px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;} #latest_entries .entry:after { content:""; display:table; clear:both; } #latest_entries .entry { /zoom:1; } #latest_entries .sale { /*background:url(images/icon_sale.gif) 23px center no-repeat;*/ float:left;} #latest_entries .rent { /*background:url(images/icon_rent.gif) 23px center no-repeat;*/ float:left;} #latest_entries .blog { /*background:url(images/icon_blog.png) 23px center no-repeat;*/ float:right;} #latest_entries .store { /*background:url(images/icon_cart2.png) 23px center no-repeat;*/ float:right;} #latest_entries .entry .icon { display:block; clear:both; float:left; padding:35px 20px 0 20px;} #latest_entries .entry .icon img {;} #latest_entries .entry ul {padding:12px 25px 10px 0; margin-left:60px;} #latest_entries .entry ul li { padding:0; height:2em; overflow:hidden; line-height:2; text-align:left;} #latest_entries .entry ul li .date { color:#aaa; padding-right:10px;} #latest_entries .entry ul li h3 { display:inline;} #latest_entries .entry ul li a { text-decoration:none; color:#666;} #latest_entries .entry ul li a:hover {color:#6cf;} /* ============================================ 　固定ページ ============================================ */ /* #pageheader */ #pageheader { border-top:1px solid #369; border-bottom:1px solid #369; padding:10px 0; margin-top:10px; position:relative; } #pageheader h1 { color:#248; font-size:200%; padding:50px 0 30px 3px; } /* .content_page */ .content_page { margin:70px 0 0 10px; padding-bottom:50px;} .content_page:after { content:""; display:table; clear:both; } .content_page { /zoom:1; } /* ============================================ 　物件一覧ページ ============================================ */ /* #listtitle */ #listtitle { margin:15px 0 0 5px;} #listtitle a { text-decoration:none; } #listtitle h1 { font-size:138.5%; color:#333; display:inline; margin:0 20px;} /* #setcond */ #setcond { background:#f4f4f4;/*#333; color:#fff;*/ padding:4px 12px 4px 4px; margin-top:3px; } #setcond:after { content:""; display:table; clear:both; } #setcond { /zoom:1; } #selectarea_map { position:relative; width:650px; height:390px; overflow:hidden; float:left;} .chigasaki_map { background:#ddd url(images/map/map_chigasaki_base.png) 0 0 no-repeat;} .fujisawa_map { background:#ddd url(images/map/map_fujisawa_base.png) 0 0 no-repeat;} .kamakura_map { background:#ddd url(images/map/map_kamakura_base.png) 0 0 no-repeat;} .zushihayama_map { background:#ddd url(images/map/map_zushihayama_base.png) 0 0 no-repeat;} #selectarea_map img { position:absolute; top:0; left:0;} #selectarea_map img.area { display:none;} #selectarea_map a.towest { position:absolute; top:130px; left:5px; width:41px; -webkit-transition:margin-left 100ms ease 0s; transition:margin-left 100ms ease 0s;} #selectarea_map a.toeast { position:absolute; top:130px; right:5px; width:41px; -webkit-transition:margin-right 100ms ease 0s; transition:margin-right 100ms ease 0s; } #selectarea_map a.towest:hover { margin-left:-2px;} #selectarea_map a.toeast:hover { margin-right:-2px;} #selectarea_map a.towest:hover img, #selectarea_map a.toeast:hover img { /*margin-left:1px;*/ opacity:1; -moz-opacity:1; filter:alpha(opacity=100); -ms-filter:"alpha(opacity=100)";} a, area, area:focus, area:active { outline:none; border:none; border:0;} /* #setcond .form */ #setcond .form { float:right; width:305px; padding:13px 0 5px;} #setcond .form dl {;} #setcond .form dt { display:block; clear:both; width:inherit; float:none; margin:0; padding:2px 0; color:#000; font-weight:bold;} #setcond .form dd { display:block; padding:0 0 10px; margin:0;} #setcond .form label { margin:0 3px 0 0; padding:0;} #setcond .form input { margin/*\**/:0\9;} #setcond .form select { padding:0;} #setcond .form dt.price { width:4em; float:left; } #setcond .form dd.price { margin-left:4em; padding-bottom:4px; } #setcond .form dd.interest { ;} #setcond .form dd.interest input { /*display:none; *display:inline; *text-indent:-30px; *margin-right:10px;*/ opacity:0; -moz-opacity:0; filter:alpha(opacity=0); -ms-filter:"alpha(opacity=0)"; margin:0 0 0 -15px;} #setcond .form dd.interest label { margin:0 0 3px 0; padding:3px 5px 2px; padding/*\**/:0 5px 0 1px\9; cursor:pointer; color:#fff; font-size:85%; position:relative; display:inline-block; *display:inline; *zoom:1; } #setcond .form .btnarea { text-align:center; padding:0;} #setcond .form .btnarea a.btn { background:#fff; border-color:#bbb; -webkit-transition:background-color 300ms ease 0s; transition:background-color 300ms ease 0s;} #setcond .form .btnarea a.btn:hover { background:#def;} #setcond .form .btnarea a.btn span { font-size:85%;} #setcond .form .submit_btn { letter-spacing:normal; padding:5px 10px; margin:0; font-size:93%; text-align:center; background:#236;} #setcond .form .submit_btn:hover { background:#36c;} #setcond .form .submit_btn2 { background:#222; text-align:center;} #setcond .form .submit_btn2:hover { background:#555;} /* table.plist */ table.plist { width:100%; /*margin-top:15px;*/} table.plist th { background:#348;/*#45a#336*/ padding:10px 3px; color:#fff; /*border-bottom:1px solid #ccc;*/ } table.plist th a { color:#fff; cursor:pointer;} table.plist tbody {display:none;} table.plist tbody tr { height:3.8em; overflow:hidden; /*display:none;*/ } table.plist tr.show { background:#fff; -webkit-transition:background-color 500ms ease 0s; transition:background-color 500ms ease 0s;} table.plist tr.show:hover { background:#e8f6ff;} table.plist tr.off, table.plist tr.off_shu, table.plist tr.off_interest, table.plist tr.off_price, table.plist tr.off_town { display:none;} table.plist tr td { padding:0; border-bottom:1px solid #ccc; } table.plist tr.show td a { padding:5px 3px; text-decoration:none; color:#666; display:block;} table.plist tr.restrict td .restrict_msg { position:relative; height:1em;} table.plist tr.restrict td .restrict_msg .inner { position:absolute; top:0; left:-360px; width:400px; color:#999; font-size:85%;} table.plist tr.restrict td a { text-decoration:none; border-left:1px solid #ccc; padding-left:10px; margin-left:10px; font-weight:bold; } table.plist td a.link {position:relative; display:inline-block; *display:inline; *zoom:1; margin-left:10px; } table.plist td em { /*display:block;*/display: table-cell; font-size:85%; /*color:#39f;*/} table.plist td strong { font-size:123.1%; font-weight:normal; color:#333;} table.plist td ul.interestlist { width:170px;} a.sort { padding-left:13px; text-decoration:none; background:url(images/icon_sort.gif) left center no-repeat;} .sorting-asc a { background:url(images/icon_sort_asc.gif) 0 center no-repeat;} .sorting-desc a { background:url(images/icon_sort_dsc.gif) 0 center no-repeat;} #setcond .form dd.interest label::before, ul.interestlist li::before { content:"#"; display:inline; position: relative; margin-right:0.2em; } #loadingmsg { text-align:center; padding:30px; /*height:100px; background:url(images/ajax-loader.gif) center center no-repeat;*/} /* ============================================ 　物件詳細ページ ============================================ */ #pageheader p.description { position:absolute; top:40px; right:10px; width:45%; line-height:1.7; font-size:12px; } #pageheader p.description a { text-decoration:none; } #pageheader p.description a::before { content:'\f061'; font-family:"Font Awesome 5 Free"; font-weight:900; margin-right:0.4em; } .detail #contents .label { padding:0 0 2px 3px; } @media only screen and (max-width:440px) { #pageheader p.description { position:relative; width:auto; top:auto; right:auto; padding:15px 10px 20px; } } /* .label */ .detail #contents .label {height:1.4em;} .detail #contents .label em { margin-right:10px;} .detail #contents .label #mylistnum { text-align:right; font-size:93%; color:#999; display:inline; margin-left:3px; /*margin-top:-15px; padding:0 0 5px;*/ } /* #pheader */ #pheader { border-top:1px solid #369; border-bottom:1px solid #369; padding:10px 0 10px 2px; margin-bottom:30px;} #pheader .interestlist { float:left; width:770px;} /* #pheader dl */ #pheader dl { margin-top:10px; clear:both; padding-bottom:30px;} #pheader dl dt { color:#999; font-size:85%; letter-spacing:0.5em; float:left; width:45px; line-height:2; padding-bottom:3px; overflow:hidden; display:block; clear:both;} #pheader dl dd { color:#248; font-size:138.5%; display:block; margin:0 0 0 45px; padding-bottom:3px; overflow:hidden;} /* .mylist */ #pheader .mylist { margin-left:790px; text-align:right; margin:0;} .mylist:after { content:""; display:table; clear:both; } .mylist { /zoom:1; } /*#pheader #mylistnum { float:left; font-size:77%; margin-top:3px; text-align:left; width:180px;}*/ #pheader .mylist .btn { display:block; width:180px; float:right;} #pheader .mylist .removelist_btn { display:none;} /* .detail #contents */ .detail #contents .inner { margin-top:20px;} .detail #contents .inner:after { content:""; display:table; clear:both; } .detail #contents .inner { /zoom:1; } .detail #contents .text { float:right; width:370px;} .detail #contents .text .label em { margin-right:5px; font-size:85%; font-weight:bold; color:#369;} .detail #contents .comment { line-height:1.8; font-size:108%;} .detail #contents .imgs { float:left; width:480px; text-align:center; margin-left:4em; } .detail #contents .section { text-align:left;} .detail #contents .imgs img.img { display:block; margin:30px auto 0px; max-width:480px; max-height:480px;} .detail #contents .imgs .msg { margin:50px 0 50px 50px; text-align:left; line-height:1.8;} .detail #contents .imgs .msg a.link { font-size:123.1%; } .detail #contents .imgs .sns { ;} .detail #contents .imgs .comment a[rel="attachment"] { cursor:default; } /* .tbl */ .detail #contents .text .tbl {margin-top:30px; width:100%; font-size:93%;} .detail #contents .text .tbl th { width:35%;} /* .map */ #contents .map { margin:30px 0 0;} #contents .map:after { content:""; display:table; clear:both; } #contents .map { /zoom:1; } #contents .map .inner { display:table; width:100%;} #contents .map p { color:#999; font-size:93%; vertical-align:bottom; padding-bottom:3px; display:table-cell; /display:inline; /zoom:1; /width:80%;} #contents .map p.link { margin:0 0 10px; text-align:right; /width:20%; font-size:108%; background-position:0 center;} #contents .map p.link a { display:inline-block; margin:0 0 0 10px; } #contents .map .btn { width:200px; text-align:right; display:table-cell; vertical-align:bottom;} #contents .map .map_canvas .loading {padding:30px; color:#999;} #map_canvas img {margin:0; height:auto; max-width:none; width:auto;} #map_canvas .msg { overflow:hidden; padding:8px 0;} .detail #contents .map .map_canvas { width:100%; height:315px; margin-bottom:5px; background:#f8f8f8; border:1px solid #ddd; z-index:1} @media only screen and (max-width:440px) { #contents .map p.link { padding-right:5px; } } /* image.php */ .attachment { margin:0 0 20px 0; padding:0; } .attachment img { height:auto; max-width:100%; max-height:640px; } /* ============================================ 　自社物件 ============================================ */ #pageheader p.description #contact_owner { display:block; margin-top:5px; } #pageheader p.description span.note { display:block; margin-left:1em; color:#777; line-height:1.5; } /* ============================================ 　自社物件一覧 ============================================ */ @media only screen and (min-width:440px) { body.property_list #pageheader p.description { top:30px; } } body.property_list #pageheader h1 { padding-left:10px; } #tabs { margin:45px auto 0; text-align:center; letter-spacing:0; } #tabs li { display:inline-block; width:19%; letter-spacing:normal; } #tabs li a { display:block; cursor:pointer; transition:.2s; border-radius:5px; padding:10px 5px; background:#eee; text-decoration:none; font-size:15px; font-weight:bold; text-align:center; } #tabs li.on a, #tabs li a:hover { background:#39c; color:#fff; } @media only screen and (max-width:767px) { #tabs { margin-top:20px; } #tabs li { width:auto; min-width:16%; } #tabs li a { font-size:10px; } } body.property_list #blogentries .entry { display:none; } body.property_list #blogentries .entry_show { display:block; } body.property_list #blogentries .entry a span.label { opacity:0; } /* ============================================ 　自社物件詳細 ============================================ */ body.property_in #pageheader { border-bottom:0; margin-top:0; padding-top:0; } body.property_in #pageheader h1 { padding:30px 0 10px 15px; } body.property_in #wrapper .hide_property { display:none; } body.property_in .detail #contents .label em { font-size:17px; } body.property_in .detail #contents .label em.new { display:none; } body.property_in #contents .map p { display:none; } @media only screen and (min-width:440px) { body.property_in #pageheader p.description { top:11px; } } @media only screen and (max-width:440px) { body.property_in .detail #contents .label { padding-bottom:8px; } } /* ============================================ 　マイリスト登録物件 ============================================ */ .mylist { margin-top:30px;} .mylist .head { border-bottom:1px solid #ddd; margin:0 0 10px 0;} .mylist h2 { float:left; width:200px; margin:0 0 10px; background:url(images/icon_list2.gif) 2px 0.2em no-repeat; padding-left:16px; font-size:123.1%; } .mylist .btnarea { float:right; text-align:right; width:650px;} .mylist .btnarea .btn { padding:7px 10px 5px; font-size:85%; margin:0 0 10px 10px;} .mylist .head label {cursor:pointer;} .mylist ul.list {;} .mylist ul.list:after { content:""; display:table; clear:both; } .mylist ul.list { /zoom:1; } .mylist label { font-size:93%; cursor:pointer; color:#39c; display:block; padding:10px 0; text-align:center;} .mylist label input { margin-right:2px; vertical-align:middle;} .mylist label.checkall { margin:0 0 20px 0; text-align:right;} .mylist ul.list li.entry { float:left; width:156px; height:230px; overflow:hidden;} .mylist ul.list li.entry .inner { margin:0 36px 30px 0;} .mylist ul.list li.entry .img img { width:120px;} .mylist ul.list li.entry em { font-size:93%; display:inline; padding-right:2px;} .mylist ul.list li.entry a { text-decoration:none; color:#666; font-size:93%; line-height:1.2; display:block; margin-bottom:3px;} .mylist ul.list li.entry .btn { font-size:85%; margin-top:2px;} .mylist .msg { text-align:right; padding:0 30px 35px;} .mylist .msg a { text-decoration:none; background:url(images/icon_link.gif) left center no-repeat; padding:0 0 0 10px; margin:0 0 0 0; line-height:1.2;} .showmylist .mylist ul#mylist_body { margin-right:-40px;} .mylist ul#mylist_body li.entry { float:left; width:255px; height:310px; overflow:hidden;} .mylist ul#mylist_body li.entry .inner { margin:0 36px 30px 0;} .mylist ul#mylist_body li.entry p.mylistnum { padding-bottom:2px; font-size:93%; } .mylist ul#mylist_body li.entry p.mylistnum strong { font-size:108%;} .mylist ul#mylist_body li.entry .img { width:100%; height:140px; overflow:hidden; margin-bottom:3px; border:1px solid #ddd; padding:0; text-align:center; position:relative; } .mylist ul#mylist_body li.entry .img img { min-width:100%; min-height:100%; width:auto; height:auto; position: absolute; top:-200px; bottom:-200px; left:0; margin:auto; } .mylist ul#mylist_body li.entry em { padding-right:3px; font-size:93%;} .mylist ul#mylist_body li.entry a { text-decoration:none; color:#666; line-height:1.2; display:block; padding-top:3px; margin:0; } .mylist ul#mylist_body li.entry a.id { margin-top:6px;} .mylist ul#mylist_body li.entry a.title { height:2.7em; overflow:hidden;} .mylist ul#mylist_body li.entry a.removelist_btn { font-size:85%; padding:6px; margin:0; background:#eee; border:none;} .mylist ul#mylist_body li.entry a.removelist_btn span { font-size:85%; padding:0 0 0 14px;} .showmylist .mylist ul.list li.entry { height:280px;} .showmylist #footer_mylist { display:none;} #footer_mylist { width:990px; margin:0 auto; border-top:2px solid #336;} #footer_mylist .mylist { text-align:left;} #footer_mylist .mylist .head { margin:0 0 25px;} #footer_mylist .mylist .emptymsg { margin:100px 20px; text-align:center;} #footer_mylist .mylist ul#mylist_body { margin:0 -30px 0 0;} #footer_mylist .mylist ul#mylist_body .inner { margin:0 20px 0 0;} #footer_mylist .mylist ul#mylist_body li.entry { width:168px; height:230px;} /* ============================================ 　地図ページ ============================================ */ /* .map */ .map #contents .map { margin:30px 0 0;} .map #contents .map .inner { display:table; width:100%;} .map #contents .map p { color:#999; font-size:93%; display:table-cell; vertical-align:bottom; padding-bottom:3px;} .map #contents .map .btn { width:200px; text-align:right; display:table-cell; vertical-align:bottom;} .map #contents .map .map_canvas { width:100%; height:600px; max-height:80vh; background:#f8f8f8; border:1px solid #ddd; z-index:1} .map #contents .map .map_canvas .loading {padding:30px; color:#999;} /* ============================================ 　BLOG ============================================ */ body.blogentry #breadcrumb { padding-bottom:50px;} body.blogentry #contents { width:960px; margin:auto;} .blog #content { float:left; width:660px; } .blog #content .title { border-top:1px solid #369; border-bottom:1px solid #369; padding:10px 0; margin:20px 0 50px;} .blog #content .title h2 { padding:50px 0; font-size:138.5%; /*color:#369;*/} .blog #content .meta {/*text-align:right*/;} .blog #content .date { color:#999; display:inline; margin-right:10px;} .blog #content ul.post-categories { color:#999; display:inline;} .blog #content ul.post-categories li { display:inline; margin-right:5px;} .blog #content ul.post-categories li a { text-decoration:none;} .blog #content .text img { margin-bottom:10px;} .navigation { text-align:center; padding-top:40px;} .navigation .prev, .navigation .next { position:relative; display:inline-block; *display:inline; *zoom:1; } .navigation .prev { padding-right:15px;} .navigation .next { padding-left:20px; border-left:1px solid #ddd;} .navigation a { text-decoration:none;} .blog #side {float:right; width:200px;} .blog #side img { max-width:100%; height:auto;} .blog #side h3.h3 { margin:20px 0 0; font-weight:normal; color:#666; } .blog #side .entry { color:#999; padding-top:20px;} .blog #side .entry a { color:#999; text-decoration:none;} .blog #side .entry a:hover { color:#6cf;} .blog #side .entry h3 a { color:#000;} .blog #side .widget-area { margin-top:50px;} .blog #secondary .widget { margin-top:30px;} .blog #secondary .widget_categories ul { color:#bbb; margin-top:10px;} .blog #secondary .widget_categories .cat-item { background:url(images/listmark2.gif) 2px 11px no-repeat; padding:0.6em 0 10px 21px; margin:0 7px 0 0; line-height:1.2;} .blog #secondary .widget_categories .cat-item-23 { background:url(images/icon_information.png) 0 0.5em no-repeat; } .blog #secondary .widget_categories .cat-item-25 { background:url(images/icon_lifeplan.png) 0 0.5em no-repeat; } .blog #secondary .widget_categories .cat-item-24 { background:url(images/icon_besan.png) 0 0.5em no-repeat; } .blog #secondary .widget_categories .cat-item-13 { background:url(images/icon_cart.png) 0 0.5em no-repeat; } .blog #secondary .widget_categories .cat-item-22 { background:url(images/icon_surftrip.png) 0 0.5em no-repeat; } .blog #secondary .widget_categories .cat-item-5 { background:url(images/icon_surfershouse.png) 0 0.5em no-repeat; } .blog #secondary .widget_categories .cat-item-21 { background:url(images/icon_camera.png) 2px 0.6em no-repeat; } .blog #secondary .widget_categories .cat-item-1 { background:url(images/icon_recommend.png) 0 0.5em no-repeat; } .blog #secondary .widget_categories .cat-item a { text-decoration:none;} #blogindexfoot {border-top:1px solid #369; padding:0 0 60px;} #blogindexfoot #secondary .widget_categories { text-align:center;} #blogindexfoot #secondary .widget_categories h3.widget-title { position:relative; display:inline-block; *display:inline; *zoom:1; /*padding-right:15px; border-right:1px solid #ccc;*/} #blogindexfoot #secondary .widget_categories ul { position:relative; display:inline-block; *display:inline; *zoom:1; margin-left:0; } #blogindexfoot #secondary .widget_categories .cat-item { position:relative; display:inline-block; *display:inline; *zoom:1; } /* ============================================ 　wallpapers ============================================ */ #wallpapers {;} #wallpapers:after { content:""; display:table; clear:both; } #wallpapers { /zoom:1; } #wallpapers .imgs { float:left; width:660px; margin-top:50px;} #wallpapers .imgs .entry { float:left; width:220px; height:250px; /*color:#999; font-size:85%;*/} #wallpapers .imgs .entry img { display:block;} #wallpapers .imgs .entry h3 { margin-top:5px;} #wallpapers .imgs .entry a { text-decoration:none; display:block; padding:2px 0 0 10px; font-size:93%; background:url(images/icon_link3.gif) 1px 6px no-repeat;} #wallpapers .txt { float:right; width:260px; } #wallpapers .txt { margin-top:10px;} /* ============================================ 　media ============================================ */ .medialist { margin:40px 0 0;} .medialist:after { content:""; display:table; clear:both; } .medialist { /zoom:1; } .medialist .media { margin:30px 0 0;} .medialist .media:after { content:""; display:table; clear:both; } .medialist .media { /zoom:1; } .medialist .media h2 { border-bottom:1px solid #ddd; margin:0 20px; padding-bottom:5px;} .medialist .media h2 a { text-decoration:none;} .medialist .media table { margin:20px 20px 0;} .medialist .media table td { padding:0 10px 25px 0; vertical-align:top;} /* ============================================ .mod_mylist / モーダル表示 ============================================ */ .mod_mylist { margin:50px 0 0 70px; text-align:left;} .mod_mylist p { margin-bottom:30px;} .mylist_msg { text-align:center; margin:40px 0 0; } /* ============================================ 　Layout ============================================ */ /* margin */ .mt00 { margin-top:0 !important; } .mt05 { margin-top:5px !important; } .mt10 { margin-top:10px !important; } .mt12 { margin-top:12px !important; } .mt15 { margin-top:15px !important; } .mt20 { margin-top:20px !important; } .mt25 { margin-top:25px !important; } .mt30 { margin-top:30px !important; } .mt35 { margin-top:35px !important; } .mt40 { margin-top:40px !important; } .mt45 { margin-top:45px !important; } .mt50 { margin-top:50px !important; } .mt60 { margin-top:60px !important; } .mt70 { margin-top:70px !important; } .mt80 { margin-top:80px !important; } .mt90 { margin-top:90px !important; } .mt100 { margin-top:100px !important; } .mr00 { margin-right:0 !important; } .mr05 { margin-right:5px !important; } .mr10 { margin-right:10px !important; } .mr12 { margin-right:12px !important; } .mr15 { margin-right:15px !important; } .mr20 { margin-right:20px !important; } .mr25 { margin-right:25px !important; } .mr30 { margin-right:30px !important; } .mr35 { margin-right:35px !important; } .mr40 { margin-right:40px !important; } .mr45 { margin-right:45px !important; } .mr50 { margin-right:50px !important; } .mr60 { margin-right:60px !important; } .mr70 { margin-right:70px !important; } .mr80 { margin-right:80px !important; } .mr90 { margin-right:90px !important; } .mr100 { margin-right:100px !important; } .mr150 { margin-right:150px !important; } .mr200 { margin-right:200px !important; } .mb00 { margin-bottom:0 !important; } .mb05 { margin-bottom:5px !important; } .mb10 { margin-bottom:10px !important; } .mb12 { margin-bottom:12px !important; } .mb15 { margin-bottom:15px !important; } .mb20 { margin-bottom:20px !important; } .mb25 { margin-bottom:25px !important; } .mb30 { margin-bottom:30px !important; } .mb35 { margin-bottom:35px !important; } .mb40 { margin-bottom:40px !important; } .mb45 { margin-bottom:45px !important; } .mb50 { margin-bottom:50px !important; } .ml00 { margin-left:0 !important; } .ml05 { margin-left:5px !important; } .ml10 { margin-left:10px !important; } .ml12 { margin-left:12px !important; } .ml15 { margin-left:15px !important; } .ml20 { margin-left:20px !important; } .ml25 { margin-left:25px !important; } .ml30 { margin-left:30px !important; } .ml30 { margin-left:35px !important; } .ml40 { margin-left:40px !important; } .ml45 { margin-left:45px !important; } .ml50 { margin-left:50px !important; } .ml60 { margin-left:60px !important; } .ml70 { margin-left:70px !important; } .ml80 { margin-left:80px !important; } .ml90 { margin-left:90px !important; } .ml100 { margin-left:100px !important; } .ml150 { margin-left:150px !important; } .ml200 { margin-left:200px !important; } .ml250 { margin-left:250px !important; } .mAuto,.mauto,m_auto { margin-left: auto !important; margin-right: auto !important;} /* padding */ .pt00 { padding-top:0 !important; } .pt05 { padding-top:5px !important; } .pt10 { padding-top:10px !important; } .pt12 { padding-top:12px !important; } .pt15 { padding-top:15px !important; } .pt20 { padding-top:20px !important; } .pt25 { padding-top:25px !important; } .pt30 { padding-top:30px !important; } .pt35 { padding-top:35px !important; } .pt40 { padding-top:40px !important; } .pt45 { padding-top:45px !important; } .pt50 { padding-top:50px !important; } .pt100 { padding-top:100px !important; } .pr00 { padding-right:0 !important; } .pr05 { padding-right:5px !important; } .pr10 { padding-right:10px !important; } .pr12 { padding-right:12px !important; } .pr15 { padding-right:15px !important; } .pr20 { padding-right:20px !important; } .pr25 { padding-right:25px !important; } .pr30 { padding-right:30px !important; } .pr35 { padding-right:35px !important; } .pr40 { padding-right:40px !important; } .pr45 { padding-right:45px !important; } .pr50 { padding-right:50px !important; } .pb00 { padding-bottom:0 !important; } .pb05 { padding-bottom:5px !important; } .pb10 { padding-bottom:10px !important; } .pb12 { padding-bottom:12px !important; } .pb15 { padding-bottom:15px !important; } .pb20 { padding-bottom:20px !important; } .pb25 { padding-bottom:25px !important; } .pb30 { padding-bottom:30px !important; } .pb35 { padding-bottom:35px !important; } .pb40 { padding-bottom:40px !important; } .pb45 { padding-bottom:45px !important; } .pb50 { padding-bottom:50px !important; } .pl00 { padding-left:0 !important; } .pl05 { padding-left:5px !important; } .pl10 { padding-left:10px !important; } .pl12 { padding-left:12px !important; } .pl15 { padding-left:15px !important; } .pl20 { padding-left:20px !important; } .pl25 { padding-left:25px !important; } .pl30 { padding-left:30px !important; } .pl30 { padding-left:35px !important; } .pl40 { padding-left:40px !important; } .pl45 { padding-left:45px !important; } .pl50 { padding-left:50px !important; } /* width */ .w30 { width:30px !important; } .w50 { width:50px !important; } .w100 { width:100px !important; } .w150 { width:150px !important; } .w200 { width:200px !important; } .w250 { width:250px !important; } .w300 { width:300px !important; } .w350 { width:350px !important; } .w400 { width:400px !important; } .w450 { width:450px !important; } .w500 { width:500px !important; } .w550 { width:550px !important; } .w600 { width:600px !important; } .w650 { width:650px !important; } .w700 { width:700px !important; } .w800 { width:800px !important; } .w900 { width:900px !important; } /* height */ .h280 { height:280px !important; } .h290 { height:290px !important; } .h300 { height:300px !important; } .h310 { height:310px !important; } .h320 { height:320px !important; } .h330 { height:330px !important; } .h340 { height:340px !important; } .h350 { height:350px !important; } .h420 { height:420px !important; } /* line-height */ .lh14 { line-height:1.4 !important; } /* float */ .left {float:left; display:block;} .right {float:right; display:block;} /* 横並び */ .lft50 { float:left; width:50px;} .lft60 { float:left; width:60px;} .lft70 { float:left; width:70px;} .lft80 { float:left; width:80px;} .lft90 { float:left; width:90px;} .lft100 { float:left; width:100px;} .lft110 { float:left; width:110px;} .lft120 { float:left; width:120px;} .lft130 { float:left; width:130px;} .lft140 { float:left; width:140px;} .lft150 { float:left; width:150px;} .lft160 { float:left; width:160px;} .lft170 { float:left; width:170px;} .lft180 { float:left; width:180px;} .lft190 { float:left; width:190px;} .lft200 { float:left; width:200px;} .lft210 { float:left; width:210px;} .lft220 { float:left; width:220px;} .lft230 { float:left; width:230px;} .lft240 { float:left; width:240px;} .lft250 { float:left; width:250px;} .lft260 { float:left; width:260px;} .lft270 { float:left; width:270px;} .lft280 { float:left; width:280px;} .lft290 { float:left; width:290px;} .lft300 { float:left; width:300px;} .lft310 { float:left; width:310px;} .lft320 { float:left; width:320px;} .lft330 { float:left; width:330px;} .lft340 { float:left; width:340px;} .lft350 { float:left; width:350px;} .lft360 { float:left; width:360px;} .lft370 { float:left; width:370px;} .lft380 { float:left; width:380px;} .lft390 { float:left; width:390px;} .lft400 { float:left; width:400px;} .lft410 { float:left; width:410px;} .lft420 { float:left; width:420px;} .lft430 { float:left; width:430px;} .lft440 { float:left; width:440px;} .lft450 { float:left; width:450px;} .lft460 { float:left; width:460px;} .lft470 { float:left; width:470px;} .lft480 { float:left; width:480px;} .lft490 { float:left; width:490px;} .lft500 { float:left; width:500px;} .lft510 { float:left; width:510px;} .lft520 { float:left; width:520px;} .lft530 { float:left; width:530px;} .lft540 { float:left; width:540px;} .lft550 { float:left; width:550px;} .lft560 { float:left; width:560px;} .lft570 { float:left; width:570px;} .lft580 { float:left; width:580px;} .lft590 { float:left; width:590px;} .lft600 { float:left; width:600px;} .lft610 { float:left; width:610px;} .lft620 { float:left; width:620px;} .lft630 { float:left; width:630px;} .lft640 { float:left; width:640px;} .lft650 { float:left; width:650px;} .lft660 { float:left; width:660px;} .lft670 { float:left; width:670px;} .lft680 { float:left; width:680px;} .lft690 { float:left; width:690px;} .lft700 { float:left; width:700px;} .rgt50 { float:right; width:50px;} .rgt60 { float:right; width:60px;} .rgt70 { float:right; width:70px;} .rgt80 { float:right; width:80px;} .rgt90 { float:right; width:90px;} .rgt100 { float:right; width:100px;} .rgt110 { float:right; width:110px;} .rgt120 { float:right; width:120px;} .rgt130 { float:right; width:130px;} .rgt140 { float:right; width:140px;} .rgt150 { float:right; width:150px;} .rgt160 { float:right; width:160px;} .rgt170 { float:right; width:170px;} .rgt180 { float:right; width:180px;} .rgt190 { float:right; width:190px;} .rgt200 { float:right; width:200px;} .rgt210 { float:right; width:210px;} .rgt220 { float:right; width:220px;} .rgt230 { float:right; width:230px;} .rgt240 { float:right; width:240px;} .rgt250 { float:right; width:250px;} .rgt260 { float:right; width:260px;} .rgt270 { float:right; width:270px;} .rgt280 { float:right; width:280px;} .rgt290 { float:right; width:290px;} .rgt300 { float:right; width:300px;} .rgt310 { float:right; width:310px;} .rgt320 { float:right; width:320px;} .rgt330 { float:right; width:330px;} .rgt340 { float:right; width:340px;} .rgt350 { float:right; width:350px;} .rgt360 { float:right; width:360px;} .rgt370 { float:right; width:370px;} .rgt380 { float:right; width:380px;} .rgt390 { float:right; width:390px;} .rgt400 { float:right; width:400px;} .rgt410 { float:right; width:410px;} .rgt420 { float:right; width:420px;} .rgt430 { float:right; width:430px;} .rgt440 { float:right; width:440px;} .rgt450 { float:right; width:450px;} .rgt460 { float:right; width:460px;} .rgt470 { float:right; width:470px;} .rgt480 { float:right; width:480px;} .rgt490 { float:right; width:490px;} .rgt500 { float:right; width:500px;} .rgt510 { float:right; width:510px;} .rgt520 { float:right; width:520px;} .rgt530 { float:right; width:530px;} .rgt540 { float:right; width:540px;} .rgt550 { float:right; width:550px;} .rgt560 { float:right; width:560px;} .rgt570 { float:right; width:570px;} .rgt580 { float:right; width:580px;} .rgt590 { float:right; width:590px;} .rgt600 { float:right; width:600px;} .rgt610 { float:right; width:610px;} .rgt620 { float:right; width:620px;} .rgt630 { float:right; width:630px;} .rgt640 { float:right; width:640px;} .rgt650 { float:right; width:650px;} .rgt660 { float:right; width:660px;} .rgt670 { float:right; width:670px;} .rgt680 { float:right; width:680px;} .rgt690 { float:right; width:690px;} .rgt700 { float:right; width:700px;} /* width */ .w10p { width:10%;} .w20p { width:20%;} .w30p { width:30%;} .w40p { width:40%;} .w50p { width:50%;} .w60p { width:60%;} .w70p { width:70%;} .w80p { width:80%;} .w90p { width:90%;} .w100p { width:100%;} /* font-style */ .fNormal { font-weight:normal; } .fBold { font-weight:bold; } /* align */ .inlineL { text-align:left; } .inlineC { text-align:center; } .inlineR { text-align:right; } .vlineT { vertical-align:top !important; } .vlineM { vertical-align:middle !important; } .vlineB { vertical-align:bottom !important; } /* etc */ .clear { clear:both; height:0; font-size:0; line-height:0; } .block { display:block; } .inline { display:inline; } .hide { display:none !important; } .nobg { background:none !important; } .underLine { text-decoration:underline; } .noLine { text-decoration:none; } .center {text-align:center;} .bdr1 { border:#ddd 1px solid;} /* js */ .over {/* rollover */} .png {/* DD_belatedPNG.js */} .js_window_open-width-height {;} .js_page_print {;} .js_window_close {;} /* .heightLine- { heightLine.js } .opacityOver { background:#fff; } tooltip styling. by default the element to be styled is .tooltip .tooltip { display:none; font-size:12px; height:70px; width:160px; padding:25px; color:#fff; background:transparent url(images/tooltip/black_arrow.png);}*/ /* ============================================ 　responsive layout ============================================ */ @media only screen and (min-width:440px) { #spfootmenu { display:none !important; } .hidePC { display:none !important; } } @media only screen and (max-width:440px) { .hideSP { display:none; } .hidePC { display:block; } body { margin:0; padding:0; width:100%; /*-webkit-text-size-adjust:100%;*/ font-size:15px;} #wrapper { width:100%; overflow:hidden; position:relative; } /*#sidemenu { display:block; position:absolute; top:0; right:-270px; width:270px; height:100%; text-align:left; background:#222; } #sidenavi { clear:both; text-align:left; margin:0 auto; width:100%; float:none;} #sidenavi ul { width:100%;} #sidenavi li { clear:both; float:none; margin:0; padding:0; list-style:none; display:block; color:#fff; border-bottom:1px solid #fff;} #sidenavi li a, #sidenavi ul a { font-size:14px; display:block; padding:10px; color:#fff; border:none; text-decoration:none; } #sidenavi li a span { font-weight:normal; font-size:12px;} #sidenavi li ul { display:block; position:inherit; top:0; left:0; width:inherit; margin:0; padding:0;} #sidenavi li ul li { background:none; border:none; } #sidenavi li ul li a { padding:10px 10px 10px 20px; border-top:1px solid #666;} */ img:not(.map_canvas img) { max-width:100%; height:auto;} div:not(.map_canvas div),p,table { max-width:100% !important; } .h2 { margin:20px 0 5px;} /*#snsbtn { display:none;}*/ #container { padding-top:21px; padding-bottom:45px; } #header { border-bottom:none; height:58px; } #header_sp { width:100%; float:none; position:fixed; z-index:100; top:0; left:0; width:100%; height:45px; padding:0; margin:0; overflow:inherit; background:#0c2975; border-bottom:1px solid #ccc;} #logo { position:absolute; top:8px; left:10px; margin:0 auto; padding:0; width:120px; height:30px; background:url(images/logo2.svg) 5px center no-repeat; background-size:110px auto;} #logo img { display:none;} #headlinks { position:absolute; top:45px; left:0; height:25px; width:100%; margin:0; padding:0; background:#fff; } #headlinks ul.social { position:absolute; top:8px; right:0; display:none; } #headlinks ul.social li.note {display:none;} #headlinks ul.social li.note2 { display:block; font-size:12px; margin-right:5px;} #headlinks a { border:none; } #loggedin { border:none; border-bottom:1px solid #ccc; padding:0 0 5px; margin:0; background:#fff;} #loggedin span { border:none;} #loggedin #loggedin_name { display:block; padding:10px 10px 3px;} #loggedin #loggedin_name .hello {display:none;} #loggedin #loggedin_name .sir { font-size:9px;} #loggedin a { padding:10px 0 3px 10px; } #loggedin #msg_sp_not_loggedin { display:block; padding:7px 10px 0px; line-height:1.5; /*text-align:right;*/} #loggedin #msg_sp_not_loggedin a { display:block; padding:3px 0 0 0;} /* #nav-wrap { position:absolute; z-index:100; transition:.2s; width:100%; height:45px; margin:0; padding:0; top:45px; right:0; height:0; overflow:scroll; background:#fff; } body.openMenu #nav-wrap { height:100vh; } */ #nav-wrap { margin-right:50px; float:right; width:130px; height:50px; } .hicon { display:block; width:42px; height:1px; overflow:hidden; padding-top:45px; position:relative; float:left; text-align:center; cursor:pointer; } .hicon::before { position:absolute; height:100%; width:100%; top:0; left:0; font-family:"Font Awesome 5 Free"; font-weight:900; font-size:20px; line-height:45px; color:#fff; } .freedialBtn::before { content:'\f095'; } .mailBtn::before { content:'\f0e0'; } .accountBtn::before { content:'\f007'; } #accountBlock { display:block; width:42px; height:45px; position:relative; float:left; } #spfootmenu { position:fixed; bottom:0; left:0; width:100%; display:block; background:#0c2975; letter-spacing:0; z-index:99; } #spfootmenu li { letter-spacing:normal; display:inline-block; } #spfootmenu li a { padding:0 3vw; display:block; font-size:3.6vw; line-height:45px } #spfootmenu li a, #spfootmenu li a:visited { color:#fff; text-decoration:none; } /* .slide { height:45px; width:0; position:absolute; top:0; right:85px; overflow:hidden; } #accountBlock { transition:width .5s; } #accountBlock.open .slide { width:200px; } */ /*スマホでは非表示？*/ #header ul.btns { display: none; /*float:none; position:fixed; top:-50px; right:85px; margin:0; padding:7px; z-index:999; background:#0c2975; overflow:hidden; transition:top .2s; width:auto;*/ } #header.open ul.btns { top:0; } #header ul.btns li { margin:0; } #header ul.btns li a.btn span { font-size:10px; } #header ul.btns li.tel { display:none; } #gnavi { width:100%; height:0vh; overflow:auto; margin:0; background:#fff; position:absolute; top:45px; left:0; /* display:none; */ transition:height .3s; } body.openMenu #gnavi { height:100vh; /* display:block; */ } #gnavi li { display:block; margin:0; } #gnavi>li { max-width:100vw; overflow:hidden; } /* #gnavi>li.map, #gnavi>li.sale, #gnavi>li.rent, #gnavi>li.property, #gnavi>li.blog, #gnavi>li.store, #gnavi>li.sns { border-top:2px solid #ccc; }*/ #gnavi>li>a { text-align:left; font-size:14px; color:#333; padding:15px 20px 13px; } #gnavi>li>a>span { display:inline; } #gnavi>li.store>a>span.pc { display:none; } #gnavi li a { display:block; /* border-bottom:1px solid #ccc; */ } #gnavi li.sns { display:block; padding:20px 10px 100px; } #gnavi li.sns a { display:inline-block; border-bottom:none; margin:0 10px; } #gnavi li.sns a img { width:auto; height:25px; } #gnavi>li.map>a::before { content:'\f3c5'; font-family:"Font Awesome 5 Free"; font-weight:900; margin-right:0.4em; } #gnavi>li.sale>a::before { content:'\f015'; font-family:"Font Awesome 5 Free"; font-weight:900; margin-right:0.4em; } #gnavi>li.rent>a::before { content:'\f015'; font-family:"Font Awesome 5 Free"; font-weight:900; margin-right:0.4em; } #gnavi>li.property>a::before { content:'\f015'; font-family:"Font Awesome 5 Free"; font-weight:900; margin-right:0.4em; } #gnavi>li.blog { margin-top:10px; } #gnavi>li.blog>a::before { content:'\f304'; font-family:"Font Awesome 5 Free"; font-weight:900; margin-right:0.4em; } #gnavi>li.media>a::before { content:'\f518'; font-family:"Font Awesome 5 Free"; font-weight:900; margin-right:0.4em; } #gnavi>li.wallpaper>a::before { content:'\f030'; font-family:"Font Awesome 5 Free"; font-weight:900; margin-right:0.4em; } #gnavi li ul { position:relative; top:auto; left:auto; width:100%; z-index:0; line-height:1.4; display:block; /* padding:0; background:#eee; box-shadow:0px -1px 0px 0px #ccc inset; */ padding:0 1px 1px 5px; } #gnavi li ul:after { content:""; display:table; clear:both; } #gnavi li ul li { float:left; width:49%; background:none; } /* #gnavi li ul li:nth-child(odd) { box-shadow:-1px 0px 0px 0px #ccc inset; } */ #gnavi li ul li a { /* text-align:left; align-items:center; height:43px; display:flex; padding:0 10px; */ text-align:center; border:1px solid #ccc; padding:10px; margin:0 5px 5px 0; background:#f2f2f2; } #gnavi li.col2 { /* background:#eee; */ margin-bottom:10px; } #gnavi li.col2:after { content:""; display:table; clear:both; } #gnavi li.col2 a { float:left; /* width:40vw; padding: 10px 5vw; */ width:47vw; padding:10px 0; margin:2vw 0 0 2vw; text-align:center; background:#0c2975; color:#fff !important; border-radius:20px; } /* #gnavi li.col2 a:first-child { box-shadow:1px 0 0 0 rgba(0,0,0,0.2); } #gnavi li.col2a a { width:39vw; padding:0; } #gnavi li.col2a a:first-child { width:61vw; } */ #gnavi li.col2 a.matchingmail { width:58vw; } #gnavi li.col2 a.mylist { width:36vw; } #gnavi li.col2 a::before { content:''; font-family:"Font Awesome 5 Free"; font-weight:900; margin-right:0.4em; } #gnavi li.col2 a.matchingmail::before { content:'\f0e0'; } #gnavi li.col2 a.mylist::before { content:'\f03a'; } #gnavi li.col2 a.signup::before { content:'\f2bb'; } #gnavi li.col2 a.login::before { content:'\f2f6'; } /* #gnavi li.col2a a span { padding:10px 3vw 10px 7vw; display:inline-block; } #gnavi li a.icon_mail span { background: url(images/icon_mail.gif) 8px center no-repeat; } #gnavi li a.icon_list span { background: url(images/icon_list.gif) 8px center no-repeat; } */ #gnavi li.media, #gnavi li.ext { display:block; } #gnavi li.ext a span.jp { font-size:11px; } #gnavi li.ext a::after { content:'\f24d'; font-family:"Font Awesome 5 Free"; font-weight:400; margin-left:0.4em; font-size:10px; } #gnavi li.ext2 { display:block; text-align: left; padding: 0px 10px; } #gnavi li.ext2 a span { display: inline; } #gnavi li.ext2 a span.jp { font-size:11px; } #gnavi li.line { border-top: 1px solid #ddd; padding-top: 20px; margin-top: 20px; } #gnavi li.mansion134 { /*border-bottom: 1px solid #ddd;*/ padding-bottom: 100px; /*margin-bottom: 10px;*/ } #gnavi li.line a::before { content:""; background: url(/images/logo_line.svg) no-repeat; float: left; width: 80px; height: 55px; vertical-align: middle; margin: -10px 15px 3px 0;} #gnavi li.fb a::before { content:""; background: url(/images/logo_fb.svg) no-repeat; float: left; width: 80px; height: 55px; vertical-align: middle; margin: -10px 15px 3px 0;} #gnavi li.store a::before { content:""; background: url(/images/logo_lss.svg) no-repeat; float: left; width: 80px; height: 55px; vertical-align: middle; margin: -10px 15px 3px 0;} #gnavi li.surfershouse a::before { content:""; background: url(/images/logo_surfers.svg) no-repeat; float: left; width: 80px; height: 55px; vertical-align: middle; margin: -10px 15px 3px 0;} #gnavi li.mansion134 a::before { content:""; background: url(/images/logo_mansion.svg) no-repeat; float: left; width: 80px; height: 55px; vertical-align: middle; margin: -10px 15px 3px 0;} #gnavi li.line a, #gnavi li.fb a, #gnavi li.store a, #gnavi li.surfershouse a, #gnavi li.mansion134 a {display: block; } #gnavi li.line a::after, #gnavi li.fb a::after, #gnavi li.store a::after, #gnavi li.surfershouse a::after, #gnavi li.mansion134 a::after { content:""; display:table; clear:both; } #gnavi li.catch { font-size: 85%; text-align: left; margin: 0 0 10px 0; padding: 10px 5%; line-height: 1.6; background-color: #f3f3f3; font-weight: 800; } #gnavi li.catch a { text-decoration:none; text-align: right; padding: 0; color:#39c !important; font-size: 93%; } #gnavi li.catch a::before { content:'\f061'; font-family:"Font Awesome 5 Free"; font-weight:900; margin-right:0.4em; } #menu-icon { width:30px; /*height:35px;*/ display:block; position:absolute; top:13px; right:10px; } #menu-icon span { display: block; height: 3px; background: #fff; position:absolute; width: 100%; left: 0; top:0; bottom:0; margin:auto; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; } #menu-icon span:nth-child(1){ top:0px; } #menu-icon span:nth-child(2){ top:18px; } #menu-icon span:nth-child(3){ top:36px; } /*開閉ボタンopen時*/ body.openMenu #menu-icon span:nth-child(1) { top: 18px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); transform: rotate(135deg); } body.openMenu #menu-icon span:nth-child(2) { width: 0; left: 50%; } body.openMenu #menu-icon span:nth-child(3) { top: 18px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); transform: rotate(-135deg); } #snsWin { position:absolute; top:60px; right:0px; width:100%; background:#222; display:none; padding:10px 0; } #snsWin #snsbtn { display:block;} #breadcrumb { text-align:left; width:100%; overflow:hidden; font-size:100%; border-bottom:1px solid #ccc; padding:0;} #breadcrumb .inner { padding:10px; font-size:14px; } #main { width:100%; overflow:hidden; padding:0; position:relative; z-index:1; } #contents { width:100%; } /* トップページ */ #latest_entries { margin:0 5px 15px;} #latest_entries .entry { float:none !important; width:inherit; height:inherit; margin-top:5px;} #latest_entries .entry .icon {padding:25px 20px;} #latest_entries .entry ul { padding-right:10px; margin-left:55px;} #latest_entries .entry ul li { height:inherit; line-height:1.4; padding:10px 0; border-top:1px dotted #ccc;} #latest_entries .entry ul li:first-child { border:none;} #latest_entries .entry ul li .date { display:block;} #blogentries .entries_sale, #blogentries .entries_rent, #blogentries .entries_blog, #blogentries .entry, #blogentries .entry .img { width:100%;} /* --------------------------------------------- bxslider --------------------------------------------- */ .bx-wrapper { margin-top:0; } .bx-wrapper ul { overflow:hidden; height: inherit !important; } .bx-wrapper img { max-width:100%;} /* 物件一覧 */ #listtitle { display:none; margin:15px 0 5px 0; padding:0; text-align:center;font-size:100%; } #listtitle h1 { font-size:116%; margin:0 10px; } #setcond { width:100%; overflow:hidden; padding:0px; margin:0; } #setcond #selectarea_map { float:none; overflow:hidden; position:relative; margin:5px auto; width:100%; max-width:500px; height:240px; } #setcond #selectarea_map img {left:0; position:absolute;top:0; width:100%; } #setcond #selectarea_map a.towest, #setcond #selectarea_map a.toeast { top:50px; } #setcond #selectarea_map { background-size:100% auto; } #setcond .form { float:none; display:block; padding:13px 5px; width:97%; } #setcond .form dl dt { clear:both; display:block; float:none; padding:7px 0 0; margin-left:0; width:11em;} #setcond .form dl dd { display:block; margin-left:0; padding:5px 0 10px 0;} #setcond .form dl dd label { padding:0 3px 3px 0;} #setcond .form dl dd span input { display:block;} #setcond .form dl dd span label input { display:inline-block;} #setcond .form .submit_btn { margin:10px 0 0 5px; } img[usemap]{ border:none; height:auto; max-width:100%; width:auto; } table.plist { width:100%; overflow:hidden; margin:0; padding:0;} table.plist tbody tr { display:block; height:inherit; padding:0 0 5px; border-bottom:1px solid #999; } table.plist tbody tr:after { content:""; display:table; clear:both; } table.plist tbody tr { /zoom:1; } table.plist thead, table.plist thead tr { height:2.7em; position:relative; display:block; padding:0; margin:0; background:#348;} table.plist thead th { display:block; position:absolute; top:0; width:25%; border:none; padding:10px 0; margin:0;} table.plist thead th a { margin-left:8px;} table.plist th.bukkenid, table.plist th.madori, table.plist th.tostation, table.plist th.bukkenshubetsu, table.plist th.interest { display:none;} table.plist th.kakaku { left:75%; } table.plist th.menseki { left:0; } table.plist th.address { left:25%;} table.plist th.station { left:50%;} table.plist td.bukkenid, table.plist td.madori, table.plist td.tostation { display:none; } table.plist tbody td { display:block; float:left; border:none; padding:0; margin:0;} table.plist tr.show td a { margin:0; padding:0;} table.plist td.bukkenshubetsu { width:50%; background:#eee; padding:9px 0 0; height:1.5em; text-indent:5px;} table.plist td.kakaku { width:50%; background:#eee; padding:8px 0 1px; text-align:center; height:1.5em;} table.plist td.menseki { width:25%; padding-top:5px;} table.plist tbody td.address { padding:5px 0 0 1em; display:inline-block;} table.plist tbody td.station { padding:5px 0 0 1em; text-align:right; display:inline-block;} table.plist tr.show td.station a { padding-right:5px;} table.plist td.interest { width:100%;} table.plist td ul.interestlist { width:inherit;} ul.interestlist li { margin:0 0 3px 3px;} table.plist tr.restrict td.msg { width:100%; height:inherit; font-size:13px; padding-bottom:5px;} table.plist tr.restrict td .restrict_msg .inner { top:0; left:3px; width:inherit;} table.plist tr.restrict td.msg a { margin-left:0; padding-left:5px; border:none; font-size:13px; } /*table.plist td ul.interestlist {width:60px; margin-bottom:3px;} table.plist tr.show td a {padding:3px 3px;} table.plist tr.restrict td .restrict_msg { height:1.5em; } table.plist tr.restrict td .restrict_msg .inner { font-size:85%; left:-150px; position:absolute;top:0; width:180px;} table.plist tr.restrict td.station { display:none;} */ /* googlemap */ .detail #contents .map #map_canvas { width:100%; height:250px; max-width:none;} #contents .map .inner { width:inherit;} #contents .map .inner p.link a {display:block; text-align:left; padding-top:0.5em;} /*.map_canvas img, .map_canvas div { max-width:none; width:inherit;} */ /* 物件詳細 */ .detail #contents .inner {margin-top:0;} .detail #contents .label { height:35px; padding:10px 125px 0 10px; font-size:12px; background:#eee;} /*.detail #contents .label #mylistnum { margin:10px 0; display:inline-block; text-align:left; }*/ #pheader { margin:0; padding:15px 10px 0; border:none; border-bottom:1px solid #ccc; } #pheader .mylist { position:relative; } #pheader .mylist .btn { width:inherit; font-size:12px; background:#fff; position:absolute; top:-53px; right:-3px; /* margin-top:-75px; margin-right:-10px; */ } #pheader ul.interestlist li { margin:0 3px 3px 0; } #pheader dl { padding-bottom:10px; margin-top:5px;} .detail #contents .text { padding:0 10px; width:inherit; margin:0;} .detail #contents .text .tbl { margin-top:10px;} .detail #contents .imgs { padding:0 3%; width:94%; margin:0;} .detail #contents .imgs img, .detail #contents .imgs img.img { width:inherit; max-width:100%; height:auto; margin-top:10px; } #contents .map .inner {display:block; margin:10px 10px 5px;} #contents .map p { display:inline; margin-right:5px; } #contents .map p a { background-position:0 15px; } .mylist { padding:10px 10px 0; margin:10px 0;} .mylist .head { margin:0;} .mylist h2, .mylist .btnarea { float:none; max-width:100%; text-align:left;} .mylist .btnarea a { font-size:12px;} .mylist .btnarea .btn { margin-left:0;} .mylist ul.list { margin:0; padding:0 20px;} .mylist ul.list li.entry, .mylist ul#mylist_body li.entry { width:100%; height:inherit; text-align:left; float:none;} /*.mylist ul#mylist_body li.entry .inner { margin-right:10px;}*/ .mylist ul#mylist_body li.entry .img { height:55vw; } /*　記事一覧　*/ body.blogentry #contents {width:100%;} body.blogentry #breadcrumb { padding-bottom:15px;} .blog #content .title { margin:0; padding:10px; border:none; } #pageheader h1 { padding:20px 0 10px 10px; font-size:28px; } #blogentries { margin-top:20px; text-align:center;} #blogentries .entry { margin:0 auto; float:none;} #blogentries .entry p {display:none;} #blogentries .entry .inner { width:90%;} #blogentries .entry .inner img { width:100%; height:auto; } #blogentries .entry .inner, #blogentries .entry .data { height:inherit;} #blogentries .entry .data .text { height:80px;} /* transitinoの無効化 */ #blogentries .entry:hover .data, #pickupentries .entry:hover .data { background:#fff; top:200px; transition:none;} .navigation { border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin:20px 0 0; padding:20px 10px; } .navigation .prev, .navigation .next { padding:5px 0;} .blog #content { float:none; width:100%;} .blog #content img { max-width:100%; height:auto;} .blog #content .title h2 { padding:20px 0;} .blog #content .data .text { margin:0 10px;} .blog #side { float:none; position:relative; width:inherit; margin:0 10px;} .blog #side .entry { width:45%; } .blog #side .widget-area { position:absolute; top:0; right:0; width:50%; margin:0;} .blog #secondary .widget { margin-top:20px;} #blogindexfoot #secondary .widget_categories h3.widget-title { border:none;} #blogindexfoot { padding:0;} /* Wallpaper */ #wallpapers .imgs { float:none; text-align:center; margin:0; width:100%;} #wallpapers .imgs .entry { float:none; margin:0 auto; text-align:left;} #wallpapers .txt { float:none; width:inherit; margin:0 10px;} /* Media */ .medialist { margin:0;} .medialist .media table tr td { padding-right:0;} .medialist .media table tr td:first-child { width:60px;} /* Page */ #pageheader { margin:0; padding:10px; border:none; } #pageheader h1 { padding-left:0; text-align:center; } .content_page { margin:0 10px; padding:0;} .lft200 { float:none; width:inherit;} .ml200{ margin-left:0 !important;} /* Footer */ .pagetop { bottom:45px; /*z-index:999;*/ z-index:90; } #footer_area { width:100%; overflow:hidden; z-index:0; } #footer_mylist { max-width:100%;} #footer_mylist .mylist ul#mylist_body { margin:0;} #footer_mylist .mylist ul#mylist_body li.entry { width:100%; height:auto; } #footer_mylist .mylist ul#mylist_body li.entry .inner { margin:2px 2px 10px; } #footer_mylist .mylist .emptymsg { padding-right:20px; } #footmenu { display:none;} /*#footmenu { border-top:1px solid #336699; margin:0 auto; padding:15px 0; width:100%; font-size:108%;} #footmenu ul.sitemap { float:left; margin:0 0px 10px 10px; width:45%; } #footmenu ul.sitemap li.h { display:inline-block;} #footmenu ul.sitemap li.h a, #footmenu ul.sitemap li.h a:hover { font-size:14px;} #footmenu ul.sitemap_pages { width:100%; padding:15px 0 5px; margin:0; border-top:1px solid #ccc; border-bottom:1px solid #ccc; text-align:center; } #footmenu ul.sitemap_pages li { padding-left:10px;} #footmenu ul.sitelist { float:none; margin:0 auto; padding:10px 0 0 0; clear:both; content:"."; width:100%;} #footmenu ul.sitelist:after { content:""; display:table; clear:both; } #footmenu ul.sitelist { /zoom:1; } #footmenu ul.sitelist li { float:left; width:33%;} #footmenu ul.sitelist li a { padding:30px 10px 0; margin:0; text-align:center; font-size:11px; } #footmenu ul.sitelist li.cb a { background-position:3px 10px;} #footmenu ul.sitelist li.mansion a { background-position:right 10px;} #footmenu ul.sitelist li.sh a { background-position:center 0px; padding-top:30px;}*/ #footmenu1 { width:100%; margin:0; padding:0;} #footmenu1 .wpcf7 { width:100%; margin:0; padding:0;} #footmenu2 { width:100%; margin:0; padding:10px 0 0;} #footmenu2 .inner { width:100%; margin:0; padding:0;} #footmenu2 ul { float:none; margin:0; padding:0; text-align:center; width:100%; font-size:100%; } #footmenu2 ul li img { display:none;} #footmenu2 .copyright { float:none; margin:10px 0; width:100%; text-align:center; } #footer1 { padding:0;} #footer1 .inner { border-top:2px solid #333366; margin:0 auto; padding:10px 0 20px 0; width:100%; } #footer1 .info { float:none; width:100%; text-align:center;} #footer1 .info img { ;} #footer1 .info .frm1 { clear:both; content:"."; margin:10px; font-size:116%;} #footer1 .info .link { margin-left:0px; } #footer1 .info ul.btns {margin:20px 0; z-index:99;} #footer1 .wpcf7 { width:100%; margin:0; padding:0px; } #footer1 .wpcf7 h2 { font-size:100%; background:#036; color:#fff;padding:10px; margin:0 -10px; } #footer1 .form { padding:0 10px; } #footer1 .form dl { font-size:100%; } #footer1 .form dl dt { clear:both;display:block;float:none; padding:10px 0 0; margin-left:0; width:11em; color:#000;} #footer1 .form dl dd { display:block; margin-left:0; padding:5px 0 0;} #footer1 .form dl dd span input { display:block;} #footer1 .form dl dd span label input { display:inline;} #footer1 .form input.wpcf7-text, #footer1 .form textarea.wpcf7-textarea, #footer1 .form span.message textarea { width:95%;} #footer1 .form .postcode {display:inline-block; padding-left:5px;} #footer1 .form .telcat { padding-right:5px;} #footer1 .form .tel input { width:70%; display:inline-block;} #footer1 .form .note1 { display:block;} #footer1 .form .submit_btn { margin:10px 0 5px 0; } #footer1 .form .wpcf7-submit { margin:30px 0 25px 0; display:block; padding:20px 0; width:98%; } #footmenu2 { font-size:10px; } #latest_entries .store, #latest_entries .blog { float:left; } #pickup { display:none; } #TB_window ul.form input { padding:10px 20px; } .com_info { width: 300px; margin: 0 auto; } .adrs_area .tel_num a[href^="tel:"] { pointer-events: initial; } /* #sideiframe{height:400px;} #container {background:#fff; z-index:1; -webkit-transform:translate3d(0px, 0px, 1px); -webkit-transition:.2s -webkit-transform ease-in-out;} #container.show { min-width:320px; -webkit-transform:translate3d(240px, 0px, 1px);} #slidemenu.show { height:100%; visibility:visible; z-index:1; -webkit-transition:z-index 0s linear .2s; } #slidemenu_contents { display:none; height:100%; position:relative; width:240px; } #slidemenu { background-color:#333; left:0; top:0; position:fixed; visibility:hidden; z-index:-1; -webkit-transition:visibility 0s linear .2s; } */ .w450,.w500,.w550,.w600,.w650,.w700,.w800,.w900, .lft450,.lft460,.lft470,.lft480,.lft490,.lft500, .lft510,.lft520,.lft530,.lft540,.lft550,.lft560,.lft570,.lft580,.lft590,.lft600, .lft610,.lft620,.lft630,.lft640,.lft650,.lft660,.lft670,.lft680,.lft690,.lft700, .rgt450,.rgt460,.rgt470,.rgt480,.rgt490,.rgt500, .rgt510,.rgt520,.rgt530,.rgt540,.rgt550,.rgt560,.rgt570,.rgt580,.rgt590,.rgt600, .rgt610,.rgt620,.rgt630,.rgt640,.rgt650,.rgt660,.rgt670,.rgt680,.rgt690,.rgt700 { width:inherit !important;} }