@charset "UTF-8";

/* 不動産用語集
----------------------------------------------------*/
.gTtl_Box{
flex-direction: row-reverse;
}
.mainTitleBox h2.glossary{
font-weight:normal;
}
.mainTitleBox h1.glossaryKey{
font-size:14px;
}
@media only screen and (max-width: 768px) {
.gTtl_Box{
display:flex;
flex-direction: column-reverse;
}
.mainTitleBox h2.glossary{
margin-top:5px;
}
}
.glossarySearch_box{
width:100%;
margin:30px auto;
padding:8px 70px;
font-weight:400;
background:#fff4e7;
display: flex;
justify-content: center;
align-items: center;
}
.glossarySearch_box #form{
display: flex;
justify-content: center;
align-items: center;
}
.glossarySearch_box span{
font-size:24px;
font-weight:400;
}
.glossarySearch_iptxt {
position: relative;
width: 400px;
margin: 0 15px;
}
.glossarySearch_iptxt input[type=text] {
font: 15px/24px sans-serif;
box-sizing: border-box;
width: 100%;
margin: 8px 0;
padding: 0.8em 1em;
transition: 0.3s;
border: 1px solid #999999;
outline: none;
}
@media only screen and (max-width: 768px) {
.glossarySearch_iptxt {
position: relative;
margin: 0 5px;
}
.glossarySearch_box{
width:95%;
margin:10px auto;
padding:5px 8px;
}
.glossarySearch_iptxt input[type=text] {
font: 15px/24px sans-serif;
box-sizing: border-box;
width: 100%;
margin: 8px 0;
padding: 0.2em 0.6em;
transition: 0.3s;
border: 1px solid #999999;
outline: none;
}
}
.glossarySearch_iptxt input[type=text]:focus {
border-color: #ff8c00;
}
.glossarySearch_box .button {
display: inline-block;
font-size: 18px;
text-align: center;
cursor: pointer;
margin:0;
padding: 13px 50px;
background: #993333;
color: #ffffff;
line-height: 1em;
transition: .3s;
border: 2px solid #993333;
}
.glossarySearch_box .button:hover {
background : #ff5d00;
border: 2px solid #ff5d00;
}
@media only screen and (max-width: 768px) {
.glossarySearch_box .button {
width: 20%;
font-size: 3.5vw;
margin:0 0 0 2%;
padding: 9px 5px;
}
}
/* ---------- 50音ボタン start ---------- */
#code50{
  display:flex;
  gap: 10px 30px;
  margin: 10px auto;
  justify-content: center;
}
#code50 .code50_01 {
  display:flex;
  gap: 10px;
  flex-direction: column;
  margin: 0;
}
#code50 .code50_01 li{
  display: block;
  width: 40px;
  height: 40px;
}
#code50 .code50_01 li a {
display:block;
font-size:16px;
line-height: 38px;
border:1px solid #b5b5b5;
border-radius: 3px;
background:linear-gradient(to bottom, #fff 60%, #efefef 100%);
color:#333333;
text-decoration:none;
  text-align: center;
}
#code50 .code50_01 li a:hover {
background:linear-gradient(to bottom, #efefef 60%, #fff 100%);
}
#code50 .code50_01 li.last {
width:99px;
}
@media only screen and (max-width: 768px) {
  #code50 {
    flex-direction: column;
    width: 80%;
  }
  #code50 .code50_01{
    flex-direction: row;
    justify-content: center;
  }
  #code50 .code50_01 li {
    width: calc((100% - 10px * 4) / 5);
    max-width: 70px;
  }
  #code50 .code50_01 li.last {
    width: calc(((100% - 10px * 4) / 5) * 2 + 10px);
    max-width: 150px;
  }
}

/* ---------- 50音ボタン end ---------- */


/* ---------- 人気キーワード ---------- */

#titlePopular ul {
width:95%;
margin:25px auto;
list-style:none;
}
#titlePopular ul li a{
display:block;
font-size:16px;
border-bottom:1px dotted #CCC;
line-height:2.5em;
padding-left:32px;
color:#000000;
position: relative;
}
#titlePopular ul li:last-child a{
    border-bottom:none;

}
#titlePopular ul li a::before{
content: "";
position: absolute;
top: 50%;
left: 10px;
width: 7px;
height: 7px;
border-top: 1px solid #FF5D00;
border-right: 1px solid #FF5D00;
transform: rotate(45deg);
margin-top: -3px;
}
#titlePopular ul li a:hover,
#wordIndex ul li a:hover {
background-color:#f7f7f7;
color:#ff8c00;
}

@media only screen and (max-width: 768px) {
#titlePopular ul {
width:95%;
margin:15px auto;
padding:0;
list-style:none;
}
#titlePopular ul li a{
display:block;
font-size:4vw;
line-height:2.5em;
padding-left:25px;
color:#000000;
}
#titlePopular ul li a::before{
width: 5px;
height: 5px;
margin-top: -4px;
}
}
	
/* ---------- 人気キーワード end ---------- */

.glossaryKeyword_ttl {
    width:80%;
    margin:0 auto;
    font-size:24px;
    font-weight:400;
    display:block;
    text-align:center;
}
.glossaryKeyword_ttl_ruby {
    display:block;
    width: 80%;
    margin: 0 auto 30px auto;
    padding-bottom: 10px;
    font-size:16px;
    font-weight:300;
    text-align: center;
    border-bottom:1px solid #ff8c00;
}
.glossaryKeyword_txt {
width:80%;
margin:0 auto;
padding:0 0 10px 0;
line-height:1.8;
}
.glossarySearch_box02{
margin:40px auto 20px auto;
padding:20px 40px;
background:#f5f5f5;
}
a.glossarySearch_back {
width:28%;
margin:30px auto;
color: #ff8c00;
text-align:center;
display:block;
}
.glossarySearch_back:hover {
color : #000000;
text-decoration:underline;
}
@media only screen and (max-width: 768px) {
    .glossaryKeyword_ttl {
        width:100%;
        font-size: 5vw;
    }
    .glossaryKeyword_ttl_ruby {
        width: 100%;
        font-size: 4vw;
    }

.glossaryKeyword_txt {
width:100%;
margin:0 auto;
padding:0 0 10px 0;
font-size:4.5vw;
}
.glossarySearch_box02{
margin:20px auto;
padding:10px 15px;
background:#f5f5f5;
}
a.glossarySearch_back {
width:100%;
font-size:4.5vw;
margin:10px auto;
}
}
.searchTtl_glossary{
width:90%;
margin:20px auto 10px auto;
padding:10px;
font-size:18px;
font-weight:300;
border-bottom:1px solid #999999;
}
.spBack_linkBox,
.spBack_linkBox02{
display:none;
}
@media only screen and (max-width: 768px) {
.spBack_linkBox{
padding:28px 0 0 0;
position:relative;
display:block;
}
.spBack_linkBox02{
padding:28px 0 10px 0;
position:relative;
display:block;
}
a.spBack_link{
position:absolute;
top:0;
right:0;
padding:5px 10px 5px 1.2em;
font-size:16px;
transition: .2s;
background: url(../img/svg_arrow01.svg) left center no-repeat;
background-size:1em;
display:inline-block;
}
}