/*
Theme Name: ラックタウン
Theme URI: http://***
Description: wordpress theme release 5
Author: 
Author URI: http://***
Version: 5.5
*/

@charset "UTF-8";

/* --- initialize --- */ 
body,div,pre,p,blockquote,
form,fieldset,input,textarea,select,option,
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6, 
table,th,td,embed,object {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

h1,h2,h3,h4,h5,h6 {
	font-style: normal;
	font-weight: normal;
	font-size: 1.0em;
}

li{
   list-style:none;   
}

table {border-spacing:0;}
* html table {border-collapse:collapse;}
*:first-child+html table {border-collapse:collapse;}
caption,th {text-align:left; font-weight:normal;}
table,th,td,img {border:0;}
img,input {vertical-align:middle;}
q:before,q:after {content:'';}


/* --- link --- */ 

a { 
	color: #064599;
	text-decoration: none;
}

a:visited { 
	color: #064599;
	text-decoration: none;
}

a:hover { 
	text-decoration: none;
}

a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
}


/* --- general --- */ 

html{
	height: 100%;
	font-size: 62.5%;
}

body {
	background-color:#ffffff;
	color: #000000;
	font-family:'Hiragino Kaku Gothic Pro',Meiryo,'MS UI Gothic',sans-serif;
	line-height: 1.5;
	text-align: center;
	height: 100%;
	-webkit-text-size-adjust: 100%;
	font-size: 1.4rem;
}
header #inner{
   width:980px;
   margin:0 auto;
   position: relative;
}
header #inner h1{
  text-align: left;
  font-size: 13px;
}
header #logo {
    width: 320px;
    float: left;
    margin: 0px 0 5px 0px;
}
header #logo img{
   width: 460px;
}
header img.top-text{
   position: absolute;
    right: 60px;
    top: 60px;
    width: 460px;
}
header #contact {
   float: right;
    margin-top: 16px;
    width: 415px;
    border-radius: 6px;
    padding: 6px;
    border: 1px solid #ea0404;
    background: #fff;
    color: #ea0404;
    text-align: center;
    box-shadow: 3px 3px 3px #680202;
    z-index: 999999;
    position: absolute;
    top: 20px;
    right: 5px;
    height: 90px;
}
.tel {
    letter-spacing: 0.2em;
    font-size: 20px;
    font-weight: bold;
}
.tel span {
    font-size: 15px;
    display: block;
    font-weight: normal;
    letter-spacing: 0.1em;
}
.form {
    font-size: 18px;
    text-align: center;
    padding: 5px 0 0 0;
}
.form a {
    display: block;
    text-decoration: none;
    color: #fff;
    border: 1px solid #ea0404;
    border-radius: 4px;
    background: #ea0404;
}
.form a:hover {
    background: #111111;
}
#menu {
    clear: both;
    overflow: hidden;
    background: #ea0404;
    border-top: 3px solid #fff;
    border-bottom: 4px solid #fff;
    outline: 5px solid #ea0404;
    padding: 10px 0px;
    /*width: 970px;*/
    margin: 15px auto 0 auto;
}
#menu ul {
    width: 980px;
    margin: 0 auto;
    overflow: hidden;
}
#menu li {
    float: left;
    width: 25%;
    list-style: none;
        margin: 0;
}
common.css:43
ul li, li ul li {
    margin: 0 0 0 20px;
    list-style-type: 
}
#menu li a {
    display: block;
    text-decoration: none;
    text-align: center;
    color: #fff;
    font-size: 16px;
    line-height: 1.6;
    letter-spacing: 0.3em;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
    padding: 3px 0px;
}
#mainimg{
      margin: 10px 0 -5px 0;
}
#contents {
    clear: left;
    padding-top: 0px;
    width: 980px;
    margin: 0 auto;
}
#contents inner{
    margin: 20px 0 0 0; 
}
#main{
   width:690px;
   float:right;
   padding: 10px;
}

#news-inner{
   height: 210px;
    overflow-y: scroll;
    text-align: left;
}
#news-inner p.date{
   margin-top:5px;
}
h2{
   clear: both;
    color: #ffffff;
    padding: 5px 15px;
    text-align: left;
    font-size: 18px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.96, #fa6b7b), color-stop(0.66, #f68d98), color-stop(0.21, #fc1d37));
    background: -webkit-linear-gradient(top, #fc1d37 21%, #f68d98 66%, #fa6b7b 96%);
    background: -moz-linear-gradient(top, #fc1d37 21%, #f68d98 66%, #fa6b7b 96%);
    background: -o-linear-gradient(top, #fc1d37 21%, #f68d98 66%, #fa6b7b 96%);
    background: -ms-linear-gradient(top, #fc1d37 21%, #f68d98 66%, #fa6b7b 96%);
    background: linear-gradient(top, #fc1d37 21%, #f68d98 66%, #fa6b7b 96%);

}
h2::first-letter {
    border-left: 3px solid #fff;
    padding-left: 10px;
}
section{
margin: 0 0 0px 0;
    float: left;
    width: 100%;
}

/*-----twitter＆お知らせ＆物件情報フレーム枠-----*/
iframe#news{
   width: 100%;
   border: solid 1px #b6b6b6;
   height:200px;
}
iframe#frame{
   width: 100%;
    height: 685px;
}
iframe#frame.news{
   width: 100%;
   border: solid 1px #b6b6b6;
   height:200px;
}
section#news{
  margin: 5px 0 0px 0;
    float: left;
    width: 100%;
    padding: 0;
}
iframe#twitter{
   width: 100%;
   border: solid 1px #b6b6b6;
   height:240px;
}
section#twitter{
  margin: 15px 0 0px 0;
    float: right;
    width: 100%;
    padding: 0;
    height: 240px;
    overflow: hidden;
}
/*---　　条件検索　　---*/
#conditions{
   
}
#conditions li{
   width: 47%;
    float: left;
   background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f6f7f7), color-stop(0.51, #b7b9c5), color-stop(0.00, #f6f7f7));
	background: -webkit-linear-gradient(top, #f6f7f7 0%, #b7b9c5 51%, #f6f7f7 100%);
	background: -moz-linear-gradient(top, #f6f7f7 0%, #b7b9c5 51%, #f6f7f7 100%);
	background: -o-linear-gradient(top, #f6f7f7 0%, #b7b9c5 51%, #f6f7f7 100%);
	background: -ms-linear-gradient(top, #f6f7f7 0%, #b7b9c5 51%, #f6f7f7 100%);
	background: linear-gradient(top, #f6f7f7 0%, #b7b9c5 51%, #f6f7f7 100%);
    height: 50px;
    border: solid 1px #111111;
    border-radius: 10px;
    margin: 5px 1% 5px 1%;
}
#conditions li:hover{
   background: rgba(238, 238, 238, 0.7);
}

#conditions li a{
   display: inline-block;
    width: 100%;
    height: 50px;
    font-size: 17px;
    line-height: 50px;
    /* vertical-align: middle; */
    color: #111111;
    font-weight: bold;
}
#conditions li a:hover{
   color: #ff001e; 
}
#conditions h3{
    border: 3px solid #ffffff;
    outline: solid 3px #e1871b;
    background: #ffb334;
    color: #ffffff;
    padding: 10px 0 10px 0;
    text-align: center;
    width: 98%;
    margin: 5px auto 5px auto;
    float: left;
    font-size: 23px;
    font-weight: bold;
}
#main #conditions h3::first-letter{
   border:none
}
h3{
clear: both;
    margin: 5px 0 5px 0;
    padding: 3px 5px;
    color: #000;
    background: #fff;
    border: 1px solid #ccc;
    text-align: left;
    font-size: 15px;
}
#main h3::first-letter {
    border-left: 3px solid #ea0404; 
    padding-left: 10px;
}
.concept{

}
.concept .left{
   margin: 0 0 5px 0;
    float: left;
}
.concept .left img{
   float: left;
    display: inline-block;
    width: 45%;
    padding: 1%;
}
.concept .left p{
  text-align: left;
    padding: 1%;
    float: left;
    width: 50%;
    line-height: 25px;
    font-size: 14px;
}
.concept .right{

}
.concept .right img{
   float: right;
    display: inline-block;
    width: 45%;
    padding: 1%;
}
.concept .right p{
    text-align: left;
    padding: 1%;
    float: left;
    width: 50%;
    line-height: 25px;
    font-size: 14px;
}
/*--------サイドバー--------*/
aside{
   width: 250px;
    float: left;
    padding: 10px;
    margin: 0px 0 0 0;

}
aside h4{
   background: #ff001e;
    color: #ffffff;
    font-weight: bold;
    padding: 5px 0 5px 0;
    font-size: 16px;
    text-align: center;
}
aside section{
   margin: 0 0 20px 0;
}
.side-box{
    padding: 15px;
    margin-bottom: 15px;
    background: #f7ebeb;
    border: solid 1px #d1d1d1;
}
section#bukken{

}
section#bukken ul{
   background: #fff;
   padding: 0 0 15px 0px;
}
section#bukken li{
   background: url(img/common/arrow11_2.png) left no-repeat;
    text-indent: 15px;
    margin: 0 10px 0 10px;
    padding: 8px 0 8px 5px;
    text-align: left;
    border-bottom: 1px dotted #111111;
    list-style: none;
    font-size: 100%;
}
section#bukken li a{

}
section.company li{
   text-align: left;
    border-left: solid 5px #ff001e;
    padding: 5px 0 5px 10px;
    border-bottom: dotted 1px #ff001e;
}


nav.side{
   
}
nav.side li{
   list-style:none;   
}

/*--------フッター--------*/
footer{
  clear: both;
    background: #ea0404;
    color: #fff;
    font-size: 85%;
}
#footermenu {
    width: 960px;
    margin: 0 auto;
    overflow: hidden;
    padding: 20px;
}
#footermenu h4{
    font-size: 15px;

}
#footermenu ul {
    float: left;
    width: 23%;
    padding-right: 2%;
    list-style-type: none;
}
#footermenu ul li{
       background: url(img/common/arrow11_3.png) left no-repeat;
    text-indent: 15px;
    margin: 0 10px 0 15%;
    padding: 8px 0 8px 5px;
    text-align: left;
    list-style: none;
    font-size: 100%;
}

/*-----------------
固定ページ全体
------------------*/
.entry{
   padding: 5px;
    text-align: left;
    font-size: 16px;
}
.entry h3{
   margin: 15px 0 0px 0;
}
.entry p{
   text-align: left;
    line-height: 25px;
    padding: 10px;
    font-size: 16px;
}
/*--------固定：会社概要--------*/
#company p.ac{
  display: inline;
    width: 30%;
    margin: 35px 0 0 0;
    float: left;
}
#company table{
   border-collapse: collapse;
    width: 65%;
    float: right;
    margin: 30px 0 30px 0;
} 
#company table td{
   padding: 0 0 0 10px;
}
/*--------固定：不動産売却の流れ--------*/
.baikai{
}
.baikai span.title{
   width: 45px;
    margin: 0px 20px 0px 0px;
    background: #e5bd4b;
    display: inline-block;
    line-height: 30px;
    text-align: center;
    vertical-align: text-bottom;
    color: #ffffff;
    font-size: 30px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    float: left;
    padding: 10px 0 10px 0;
}
.baikai h4{
   font-size: 20px;
    line-height: 30px;
    padding: 10px 0;
    font-weight: bold;
    color: #e5bd4b;
    text-shadow: 0px 1px 1px #ff5757;
}


/*--------固定：免責事項--------*/
#menseki{

}


/*----固定:お問い合わせ----*/
#contactform{
      margin: 30px 0 0 0;
}
table.type03 {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #ccc;
	border-left: 3px solid #ff9800;
    width: 90%;
    margin: 0 auto;
}
table.type03 th {
	width: 30%;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	color: #ff9800;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;

}
table.type03 td {
	width: 70%;
	padding: 10px;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.baibai-contact{
   
}

.baibai-contact th.formTableTh1{
   width: 20%;
    vertical-align: middle;
    background: #ecadad;
    border: solid 1px #111111;
    text-align: center;
    font-size: 13px;
}
.baibai-contact th.formTableTh2{
   width: 20%;
    vertical-align: middle;
    background: #dfdfdf;
    border: solid 1px #111111;
    text-align: center;
    font-size: 13px;
}
.baibai-contact th.formTableTh3{
   width: 40%;
    vertical-align: middle;
    background: #ecadad;
    border: solid 1px #111111;
    text-align: center;
    font-size: 13px;
}
.baibai-contact td{
   width: 80%;
   padding: 5px 0 5px 3%;
    border: solid 1px #111111;
}
table.formTable {
    border-collapse: collapse;
    width: 100%;
    margin: 0 0 15px;
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/* --- custom --- */ 
.kiyaku {
   font-size:14px;
}
.kiyaku p{
   font-size:14px;
}
.kiyaku-inner{
   border: solid #a2a2a2 1px;
}
.kiyaku ul{

}
.kiyaku ul li{
   padding: 0 25px;
}

@media screen and (min-width: 668px){
/* PC用のスタイル */


span.mobile{
display:none;
}

p.mobile{
display:none;
}

div.mobile{
display:none;
}

div.contact{
	float:right;
}



div.leftblock{
	float:left;
}

div.rightblock{
	float:right;
	width:450px;
}


.slicknav_menu {
display:none;
}

div.dropdown-menu {
display:none;
}

div.custom-menu{
	width:1000px;
	margin:0 auto;
}

div.menu{
	display: inline;
}

div#top-index-image{
	width:1000px;
	margin:0 auto;
	overflow: hidden;

}

div#header-block{
 	width: 100%;
	min-height: 32px;
	height: auto !important;
	height: 32px;
	background-color:#ffffff;
	background:url("/images/header-wrapper.png") repeat-x;
	text-align:center;
	margin:0;
	padding-bottom:10px;
}

div.nav-block{
 	width: 100%;
	background:url("/images/nav-back.png") repeat-x;
	text-align:center;
	padding:5px 0;
}


div#header{
	width:1000px;
	text-align:left;
	margin:0 auto;
	padding:0;
}

div#top-block{
        width: 100%;
	text-align:center;
}

div#top-index{
	min-height: 100px;
	height: auto !important;
	height: 100px;
	width:1000px;
	margin:0;
	overflow: hidden;
}


div#top{
	min-height: 25px;
	height: auto !important;
	height: 25px;
	width:1000px;
	margin:0;
	text-align:left;
	color:#fff;
}

div.wrapper {
        margin: 0 auto;
        position: relative;
	top:0px;
        width: 1000px;
	min-height: 500px;
	height: auto !important;
	height: 500px;
	margin-top:10px;

}

div.container{
        margin: 0;
	min-height: 400px;
	height: auto !important;
	height: 400px;
	float:left;
        width: 100%;
	margin-bottom:30px;
}

div#side-block {
        position: relative;
	width:300px;
	float:right;
	text-align:right;
	margin:0
}


div.side{
	width:300px;
	margin-bottom:10px;
	text-align:left;
	color:#000;
	border-bottom: 1px dotted#ccc;
	background-color:#fff;
}

div.side-inside{
	text-align:left;
	padding-left:5px;
}

ul.side-nav{
	padding:0;

}

ul.side-nav li{
	width:278px;
	padding:5px 5px 5px 15px;
	border:1px solid #666;
	background:url("/images/side-nav-back.png") no-repeat;
margin:0;
}

div.side-nav{
	width:278px;
	padding:5px 5px 5px 15px;
	border:1px solid #666;
	background:url("/images/side-nav-back.png");
}

.side-nav a,news a:link,.side-nav a:visited,.side-nav a:active,.side-nav p,left li,.side-nav {
	color: #459;
	text-decoration: none;
}

#left a,news a:link,left a:visited,left a:active,left p,left li,left {
	color: #ddd;
}

div#left-block{
	float:left;
	width:700px;
}


div#bread-block{
	width:690px;
	background:none;
	margin:5px 0 15px;
}

div#bread{
	width:690px;
	text-align:left;
	color:#000;
}


div.news-block {
	width:690px;
	background:#fff;
	margin-bottom:5px;
	border: 1px solid #ccc;
}

div.news {
	width:690px;
	margin:8px ;
	text-align:left;
	overflow:hidden;
}


.news a,news a:link,news a:visited,news a:active,news p,news{
	color: #064599;
}

.news ul{
	font-size: 1.4rem;
	color: #000;
	margin-left:0px;
	list-style-type:none;
}

.news li, .news li li, .news li p {
	font-size: 1.4rem;
	margin-bottom:2px;
}



div.content-block {
	width:690px;
	background:#fff;
border:1px #666 solid;
margin-bottom:10px;
}


div.content {
	width:660px;
	margin:0 auto;
	padding:15px;
	text-align:left;
	overflow:hidden;


}


div#pagenavi {
	text-align:center;
	margin-bottom:20px;
}


div#footer-block{
	clear:both;
        width: 100%;
	background:url("/images/footer.png") repeat-x;
	background-color:#fff;
	text-align:center;
	min-height: 300px;
	height: auto !important;
	height: 300px;
}

div#footer{
	width:960px;
	margin:10px auto;
	text-align:left;
	color:#ffffff;
	overflow: hidden;
}


div#copyright{
	width:960px;
	margin:30px auto 0;
	text-align:center;
	color:#ffffff;
	overflow: hidden;
}




#footer a,footer a:link,footer a:visited,footer a:active{
	color: #ffffff;
	text-decoration: none;
}



div.img-left{
	text-align:left;
	overflow:hidden;
	margin-bottom:15px;
}
div.img-left-img{
	float:left;
	margin-right:10px;
}

div.img-right{
	text-align:left;
	overflow:hidden;
	margin-bottom:15px;
}
div.img-right-img{
	float:right;
	margin-left:10px;
}


div.img-center{
	text-align:center;
	overflow:hidden;
	margin:0 auto 15px;
}


.clearfix:after{
    content: ".";
    display: block;
    height: 0;
    font-size:0;   
    clear: both;
    visibility:hidden;
}
.clearfix{
    display: inline-block;
}
/* Hides from IE Mac */
* html .clearfix{
    height: 1%;
}
.clearfix{
    display:block;
}



div.thumb-wrap{
width:100%;
margin-top:5px;
border-bottom:1px #666 dotted;
}

div.thumb-img{
float:left;
}

div.thumb-txt{
width:180px;
text-align:left;
float:right;
margin-left:5px;
}


}






























/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/



/* スマートフォン用のスタイル*/

@media screen and (max-width: 667px){



img{
max-width: 100%;
height: auto;
width /***/:auto;
}

span.pc{
display:none;
}
p.pc{
display:none;
}
div.pc{
display:none;
}

div.wrap{
	width:100%;
        margin: 0 auto;
}

div.leftblock{
	width:100%;
}

div.rightblock{
	width:100%;
}

div.leftblock2{
	width:100%;
}

div.rightblock2{
	width:100%;
}


div.contact{
	text-align:center;
	margin:0 auto;
}


div.dropdown-menu {
	width:100%;
}
div.custom-menu{
display:none;
}

.js #menu {
display:none;
}
.js .slicknav_menu {
display:block;

}


div#top-index-image{
	width:100%;
	margin:5px auto 0;
	overflow: hidden;
}


div#header-block{
 	width: 100%;
	min-height: 32px;
	height: auto !important;
	height: 32px;
	background-color:#111111;
	background:url("/images/header-wrapper.png") repeat;
	text-align:center;
}

div#header{
	width:90%;
	text-align:left;
	padding:10px 5px;
}

div#top-block{
        width: 100%;
	text-align:center;
}

div#top-index{
	width:100%;
	margin:5px auto 0;
	overflow: hidden;
}


div#top{
	min-height: 25px;
	height: auto !important;
	height: 25px;
	width:100%;
	margin:10px auto;
	text-align:left;
	color:#fff;
}

div.wrapper {
        margin: 0 auto;
        position: relative;
	top:0px;
        width: 100%;
	min-height: 400px;
	height: auto !important;
	height: 400px;

}
iframe#news {
    width: 100%;
    border: solid 1px #b6b6b6;
    height: 200px;
    overflow-y: scroll;
}
div.container{
        margin: 0;
	min-height: 400px;
	height: auto !important;
	height: 400px;
	float:left;
        width: 100%;
	margin-bottom:30px;
}

div#side-block {
display:none;
}

div.side-noborder{
display:none;
}

div.side{
display:none;

}

div.side-inside{
display:none;

}

#left a,news a:link,left a:visited,left a:active,left p,left li,left {
	color: #ddd;
}

div#left-block{
	float:left;
	width:100%;
	margin-top:5px;
}


div#bread-block{
	width:100%;
	background:none;
	margin:5px 0 15px;
}

div#bread{
	width:100%;
	text-align:left;
	color:#000;
	margin:0 0 5px;
}


div.news-block {
	width:100%;
	background:#fff;
	margin-bottom:5px;
}

div.news {
	width:96%;
	margin:2%;
	text-align:left;
	overflow:hidden;
}


.news a,news a:link,news a:visited,news a:active,news p,news{
	color: #064599;
}

.news ul{
	font-size: 1.4rem;
	color: #000;
	margin-left:0px;
	list-style-type:none;
}

.news li, .news li li, .news li p {
	font-size: 1.4rem;
	margin-bottom:2px;
}

div.content-block {
	width:100%;
	background:#fff;
	margin-bottom:30px;
	border-bottom:8px dotted #999;
}

div.content {
	width:96%;
	margin:2%;
	text-align:left;
	overflow:hidden;
	padding:2% 0;
}



div#pagenavi {
	text-align:center;
	margin-bottom:20px;
}



div#footer-block{
	clear:both;
        width: 100%;
	background:url("/images/footer.png") repeat-x;
	background-color:#ffffff;
	text-align:center;
}

div#footer{
	width:100%;
	margin:10px auto;
	text-align:left;
	color:#ffffff;
	overflow: hidden;
}


div#copyright{
	width:100%;
	margin:30px auto;
	text-align:center;
	color:#ffffff;
	overflow: hidden;
}




#footer a,footer a:link,footer a:visited,footer a:active{
	color: #ffffff;
	text-decoration: none;
}


.head{
	font-weight:bold;
	color: #999999;
	font-size:1.4rem;
	margin:5px 0 5px;
}



p.banner{
	margin:0 auto 5px;
	text-align:center;
}


div.img-left{
	text-align:left;
	overflow:hidden;
	margin-bottom:15px;
}
div.img-left-img{
	float:left;
	margin-bottom:10px;
margin-right:5px;
}

div.img-right{ 
	text-align:left;
	overflow:hidden;
	margin-bottom:15px;
}
div.img-right-img{
	text-align:center;
	margin-bottom:10px;
width:100%;
}


div.img-center{
	text-align:center;
	overflow:hidden;
	margin:0 auto 15px;
}


.clearfix:after{
    content: ".";
    display: block;
    height: 0;
    font-size:0;   
    clear: both;
    visibility:hidden;
}
.clearfix{
    display: inline-block;
}
/* Hides from IE Mac */
* html .clearfix{
    height: 1%;
}
.clearfix{
    display:block;
}


div.thumb-wrap{
width:100%;
margin-top:5px;
padding-bottom:5px;
border-bottom:1px #999 dotted;
}

div.thumb-img{
float:left;
width:28%;
}

div.thumb-txt{
width:70%;
text-align:left;
float:right;
margin-left:5px;
}

/*---問い合わせフォーム---+/

img, input {
    vertical-align: middle;
    width: 100%;
}

}