@charset "utf-8";
/*
Theme Name:lotus_tcd039_Child
Theme URI:
Template:lotus_tcd039
Version:2.0.2
*/




/* ----------------------------------------------------------------------
 共通style
---------------------------------------------------------------------- */

/*表示非表示*/
@media only screen and (min-width: 767px) {
.pcCon {
 display: block;
}
br.pcCon {
 display: inline;
}
.spCon {
 display: none;
}
}
@media only screen and (max-width: 767px) {
.spCon {
 display: block;
}
br.spCon {
 display: inline;
}
.pcCon {
 display: none;
}
}

/*リンク*/
.index_archive_link a {
 background-color: #0066CC !important;
}
.index_archive_link a:hover {
 background-color: #ccc !important;
}
.home-manage-contents-list__header.nolink:hover {
 outline-width: 1px !important;
}

/*top*/
@media only screen and (max-width: 767px) {
#body #index_content1_top {
 display: none !important;
}
}

/*footer*/
#footer_menu {
 font-weight: bold;
}
.mobile #body .footer_menu a:hover {
 color: #fff !important;
}

/*ナビゲーション*/
.pc body.fix_top #global_menu {
 padding-left: 140px;
}

/*投稿*/
#index_blog_list li .title,
#related_post li .title {
 font-weight: bold;
}
@media only screen and (max-width: 767px) {
body.home #index_blog {
 margin: 0 !important;
 padding-right: 10px !important;
 padding-left: 10px !important;
}
body.home #index_blog_list > li {
 width: calc(50% - 20px) !important;
 display: inline-block !important;
 margin: 0 10px 40px !important;
}
body.home #index_blog_list li li {
 float: none !important;
 clear: both;
}
body.home #index_blog_list li .category_sp {
 border-left: none !important;
 margin-left: 0 !important;
 padding-left: 0 !important;
 padding-top: 10px !important;
}	
}
	


/*見出し*/
h3.h3_tochi{
     position: relative;
     color: white;
     padding:0.5em 0.5em 0.5em 1.4em;
     background-color: #0066cc;
     font-size:1.2rem;
}
 
h3.h3_tochi::after {
     position: absolute;
     top: 50%;
     left:0;
     transform:translateY(-50%);
     content: '';
     width: 18px;
     height:4px;
     background-color:white;
}
h4.h4_tochi {
     position: relative;
     padding-bottom: 0.7em;
     border-bottom: 4px solid #DDD;
     font-size: 110%;
}
 
h4.h4_tochi::after {
     position: absolute;
     content: " ";
     border-bottom: solid 4px #0066cc;
     bottom: -4px;
     width:10%;
     display: block;
}

/*マーカー*/
span.marker_yellow {
 background: linear-gradient(transparent 70%, #fff000 0%);
 margin-right: 5px;
 margin-left: 5px;
}

/*ページ内リンク*/
body.page:not(.home) .extra-nav-list__link {
 margin-right: auto;
 margin-left: auto;
 padding-top: 0 !important;
 padding-bottom: 0 !important;
}
body.page:not(.home) .extra-nav__content {
 margin-left: auto;
 margin-right: auto;
 padding-right: 20px;
 padding-left: 20px;
}
.btn_pn {
 font-size: 13px;
 margin: 0 auto;
 display: block;
}
#pn-1,
#pn-2,
#pn-3,
#pn-4,
#pn-5,
#pn-6 {
 padding-top: 80px;
 margin-top: -80px;
}

@media only screen and (max-width: 767px) {
body.page:not(.home) .extra-nav__content {
 padding-right: 10px;
 padding-left: 10px;
}
}



/* ----------------------------------------------------------------------
 調整style
---------------------------------------------------------------------- */
.pc #global_menu ul ul a,
.side_widget {
 font-size: 15px;
}
.side_widget {
 font-weight: bold;
}
.side_widget .date {
 font-weight: normal;
}
.post_content tr > td:first-child {
 background: #fafafa;
}
#index_blog_list li {
 position: relative;
}
.pc #global_menu ul ul a:hover {
 background: #333 !important;
}
#global_menu {
 font-weight: bold;
}
#related_post .headline {
 color: #333 !important;
}







/* ----------------------------------------------------------------------
 メールフォーム周り
---------------------------------------------------------------------- */

.contact-table table {
    border: none;
}

.contact-table table th,
.contact-table table td {
    vertical-align: top;
    background: none;
    border: none;
    padding: 15px 20px;
    text-align: left;
}

.contact-table table tr:nth-child(odd) th:not(.tableCap),
.contact-table table tr:nth-child(odd) td {
 background: #f0f7ff;
}
.contact-table input,
.contact-table textarea {
    border: 1px solid #dcdcdc;
    padding: 8px;
}

.contact-table table th.tableCap {
 font-size: 18px;
 font-weight: bold;
 padding-top: 40px;
}

.contact-table textarea {
    width: 80%;
    height: 250px;
}

.contact-table table td select {
    padding: 5px;
}

.contact-table .submit-bt {
    text-align: center;
}

.contact-table .submit-bt input {
    text-align: center;
    display: inline-block;
    color: #fff;
    border: solid 2px #0066cc;
    box-sizing: border-box;
    border-radius: 100px;
    text-decoration: none !important;
 background: #0066cc !important;
    width: auto;
    padding: 15px 50px;
    position: relative;
    line-height: 1.75;
    min-width: 0 !important;
    cursor: pointer;
}

.contact-table table th.hissu {
 position: relative;
}
.contact-table .hissu::after {
 content: '必須';
 padding: 2px 10px;
 right: 10px;
 color: #fff;
 background: #FF0000;
 box-sizing: border-box;
 font-weight: bold;
}


@media only screen and (min-width: 767px) {
.contact-table table th.hissu {
 padding-right: calc(4em + 20px);
}
.contact-table .hissu::after {
 position: absolute;
 top: 17px;
 line-height: 1.5;
}
}

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

.contact-table table th,
.contact-table table td {
    display: block;
}

.contact-table input:not([type="radio"]),
.contact-table textarea {
    width: 100%;
}

.contact-table table td {
    padding-top: 0;
}

.contact-table label input[type="checkbox"] {
    width: auto;
}
	
.contact-table .hissu::after {
 margin-left: 10px;
}
}





/* ----------------------------------------------------------------------
 お問い合わせコンテンツ
---------------------------------------------------------------------- */

.contactBox {
 border: solid 1px #ff7e00;
 box-sizing: border-box;
 display: block;
 clear: both;
}
.contactBox h4 {
 background-color: #ff7e00;
 color: #fff;
 font-size: 16px;
 font-weight: bold;
 text-align: center;
 margin: 0;
 padding: 8px 20px;
 width: auto;
 display: block;
}
.contactBox .textBox p {
 font-size: 15px;
 clear: both;
 font-weight: bold;
}
.contactBox .btnBox a:not(.tel) {
 background-color: #0066cc;
 color: #fff;
 padding: 10px 20px;
 width: 100%;
 box-sizing: border-box;
 text-align: center;
 font-weight: bold;
}
.contactBox .btnBox a:not(.tel) img {
 padding-right: 20px;
}
.contactBox .btnBox a:not(.tel):hover {
 background-color: #ccc;
}
.contactBox p.tel a,
.contactBox p.tel a img,
.contactBox a.tel,
.contactBox a.tel img,
.contactBox .btnBox a,
.contactBox .btnBox a img {
 display: inline-block;
 vertical-align: middle;
}
.contactBox p.tel a,
.contactBox a.tel,
.contactBox .btnBox a {
 text-decoration: none;
}

@media only screen and (min-width: 767px) {
.contactBox .wrap {
 display: table;
 width: 100%;
 box-sizing: border-box;
 padding: 20px;
}
.contactBox .textBox,
.contactBox .btnBox {
 display: table-cell;
 vertical-align: middle;
}
.contactBox .textBox p {
 margin-bottom: 0;
}
.contactBox p.tel {
 margin-bottom: 0;
 font-size: 30px;
}
.contactBox a.tel {
 font-size: 30px;
 margin-bottom: 20px;
}
.contactBox .btnBox {
 width: 290px;
 padding-left: 20px;
 border-left: solid 1px #ccc;
}
}

@media only screen and (max-width: 767px) {
.contactBox .wrap,
.contactBox .textBox,
.contactBox .btnBox {
 display: block;
}
.contactBox .wrap {
 display: block;
 width: auto;
 box-sizing: border-box;
 padding: 10px 20px;
}
.contactBox .textBox p {
 margin-bottom: 5px;
}
.contactBox .btnBox {
 text-align: center;
}
.contactBox p.tel,
.contactBox a.tel {
 font-size: 22px;
 text-align: center;
 margin-bottom: 5px;
}
}



/* ----------------------------------------------------------------------
 ニュースコンテンツ
---------------------------------------------------------------------- */

#body #index_news {
 background: none !important;
}
#body #index_news_inner {
 margin-bottom: 0;
}
#index_news_list ol {
 border-top: 1px solid #0066CC;
}
#index_news_list li {
 border-bottom: 1px solid #0066CC;
}
#index_news_list li .newsText > a {
 color: #0066CC;
}
#index_news_list li .date {
 margin-bottom: 10px !important;
}
#index_news_list li .catchAdd {
 width: 20%;
 display: block;
 float: right;
}
#index_news_list li .catchAdd img {
 width: 100%;
 height: auto;
}
#index_news_list li .newsText {
 width: 78%;
 float: left;
}
body.archive .newsCat li {
 margin: 0 !important;
 padding-top: 0 !important;
 padding-right: 0 !important;
 padding-left: 0 !important;
}
.newsCat li {
 border: none !important;
 display: inline-block;
 margin-bottom: 0 !important;
 padding-bottom: 15px !important;
}
.newsCat li a {
 background-color: #FF0000;
 color: #fff;
 padding: 6px 4px;
 text-decoration: none;
 font-weight: bold;
 display: block;
}
#recent_news .date {
 margin-bottom: 10px !important;
 padding: 0 !important
}
#recent_news .content {
 height: auto !important;
}
#index_news_list .headline {
 display: block !important;
}
#index_news_headline_top {
 display: none !important;
}
@media screen and (min-width: 768px) {
#recent_news {
 margin-bottom: 35px;	
}
}
@media screen and (max-width: 767px) {
#index_news_list .index_archive_link,
#index_news_list .headline {
 position: static !important;
}
#index_news_list .headline {
 position: static;
 padding-bottom: 20px;
}
#index_news_list .index_archive_link {
 padding-top: 20px;	
}
#body #index_news_list {
 padding-bottom: 0 !important;
}
/* 1column
#index_news_list li .catchAdd {
 width: 100%;
 float: none;
 clear: both;
 margin-top: 20px;
 margin-bottom: 10px;
}
#index_news_list li .newsText  {
 width: 100%;
 float: none;
 clear: both;
}
*/
#index_news_list li .catchAdd {
 width: 40%;
}
#index_news_list li .newsText  {
 width: 58%;
 float: left;
}
}




/* ----------------------------------------------------------------------
 賃貸管理の強み
---------------------------------------------------------------------- */

.advantageBox {
 border: solid 1px #ccc;
 display: block;
 box-sizing: border-box;
 text-align: center;
}
.advantageBox .catch {
 font-weight: bold;
 position: relative;
 margin-bottom: 10px;
 padding-right: 2.25em;
 padding-left: 2.25em;
 display: inline-block;
 line-height: 1.4;
}
.advantageBox .catch::before,
.advantageBox .catch::after {
 content: '\2E3A';
 color: #999;
 position: absolute;
 top:50%;
 -webkit-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 transform:translateY(-50%);
}
.advantageBox .catch::before {
 left: 0;
}
.advantageBox .catch::after {
 right: 0;
}
.advantageBox .point {
 color: #0066cc;
 margin-bottom: 0;
 font-weight: bold;
 line-height: 1.2;
}
.advantageBox .point strong {
 font-size: 210%;
}
.advantageList ul  {
 list-style: none;
 margin-left: 0;
 margin-bottom: 0;
}
.advantageList {
 border: solid 2px #ccc;
 border-radius: 5px;
 box-sizing: border-box;
}
.advantageList li {
 line-height: 1.8;
 display: table;
 padding-bottom: 10px;
 font-weight: bold;
}
.advantageList li:last-child {
 padding-bottom: 0;
}
.advantageList li::before {
 content: '\25CF';
 padding-right: 5px;
 color: #0066cc;
}
.advantageList li::before,
.advantageList li p {
 display: table-cell;
 vertical-align: top;
}
.advantageList li p.title {
 width: 5em;
}
.advantageList li p.txt {
 position: relative;
 padding-left: 1em;
}
.advantageList li p.txt::before {
 content: '\FF1A';
 position: absolute;
 top: 0;
 left: 0;
}

@media only screen and (min-width: 767px) {
.advantageBox {
 margin-right: 100px;
 margin-left: 100px;
 padding: 20px;
}
.advantageBox .catch {
 font-size: 24px;
}
.advantageBox .point {
 font-size: 29px;
}
.advantageList {
 padding: 30px 20px;
}
}

@media only screen and (max-width: 767px) {
.advantageBox {
 padding: 10px 20px;
}
.advantageBox .catch {
 font-size: 20px;
}
.advantageBox .point {
 font-size: 25px;
}
.advantageList {
 padding: 20px;
}
}


/* ----------------------------------------------------------------------
 賃貸経営成功の7つの安心
---------------------------------------------------------------------- */
.pointList {
 padding-top: 31px;
 position: relative;
}
.pointBox {
 border: solid 1px #ccc;
 box-sizing: border-box;
 padding: 40px 15px 15px;
 display: table;
 width: 100%;
}
.pointList .num {
 position: absolute;
 text-align: center;
 top: 0;
 right: 0;
 left: 0;
 margin: 0 auto;
 height: 62px;
 width: 62px;
 border-radius: 50%;
 background: #FF0000;
 color: #fff;
 font-weight: normal;
 z-index: 1;
 font-size: 26px;
}
.pointList .num span.numspan {
 position: absolute;
 right: 0;
 left: 0;
 top: 50%;
 -webkit-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 transform:translateY(-50%);
}
.pointBox .imgBox,
.pointBox .textBox {
 display: table-cell;
 vertical-align: middle;
}
.pointBox .imgBox {
 width: 40%;
 padding-right: 15px;
}
.pointBox .textBox {
 color: #0066cc;
 font-weight: bold;
}
.pointBox .textBox p {
 line-height: 1.3;
 font-size: 20px;
 margin-bottom: 10px;
}
.pointBox .textBox p:last-child {
 margin-bottom: 0 !important;
}
.pointBox .textBox strong {
 font-size: 150%;
}
.pointBox .marker_yellow {
 color: #333;
 font-size: 20px;
}






/* ----------------------------------------------------------------------
 NAVIC情報
---------------------------------------------------------------------- */

.navicInfoBox {
 clear: both;
 border: solid 1px #0066cc;
 box-sizing: border-box;
 line-height: 1;
}
.navicInfoBox .textBox h3 {
 color: #0066cc;
 font-size: 20px;
 font-weight: bold;
 margin-bottom: 20px;
 margin-top: 0 !important;
 padding-top: 0 !important;
}
.navicInfoBox .btn {
 text-align: right;
 margin-top: 40px;
}
.navicInfoBox .btn a {
 text-align: right;
 padding: 20px 30px;
 background: #0066cc;
 color: #fff;
 text-decoration: none;
 display: inline-block;
}
.navicInfoBox .btn a:hover {
 background: #ccc;
 margin-bottom: 0;
}


@media only screen and (min-width: 767px) {
.navicInfoBox {
 display: table;
 width: 100%;
}
.navicInfoBox > .image,
.navicInfoBox > .textBox {
 padding: 0;
 display: table-cell;
 vertical-align: middle;
 line-height: 0;
}
.navicInfoBox .image {
 width: 360px;
}
.navicInfoBox .textBox {
 width: auto;
 padding: 20px 40px;
}
}
@media only screen and (max-width: 767px) {
.navicInfoBox,
.navicInfoBox > .image,
.navicInfoBox > .textBox {
 display: block;
}
.navicInfoBox .image,
.navicInfoBox .textBox {
 width: auto;
}
.navicInfoBox .textBox {
 padding: 30px 20px;
}
}




/* ----------------------------------------------------------------------
 商品一覧
---------------------------------------------------------------------- */

.navicHouseBox {
 clear: both;
 border: solid 1px #0066cc;
 box-sizing: border-box;
 line-height: 1;
}
.navicHouseBox .textBox h3 {
 color: #0066cc;
 font-size: 20px;
 font-weight: bold;
 margin-bottom: 20px;
 margin-top: 0 !important;
 padding-top: 0 !important;
}
.navicHouseBox .btn {
 text-align: right;
 margin-top: 40px;
}
.navicHouseBox .btn a {
 text-align: right;
 padding: 20px 30px;
 background: #0066cc;
 color: #fff;
 text-decoration: none;
 display: inline-block;
}
.navicHouseBox .btn a:hover {
 background: #ccc;
 margin-bottom: 0;
}
.navicHouseBox,
.navicHouseBox > .image,
.navicHouseBox > .textBox {
 display: block;
}
.navicHouseBox .image,
.navicHouseBox .textBox {
 width: auto;
}
.navicHouseBox .image img {
 width: 100%;
 height: auto;
 margin: 0 !important;
 padding: 0 !important;
}
.navicHouseBox .textBox {
 padding: 30px 20px;
}
.navicHouseBox .textBox p {
 margin-bottom: 0 !important;
}
.customHouseBox {
 padding-bottom: 30px;
}
.customHouseBox h3 {
 margin-bottom: 20px;
 font-size: 18px;
 padding-top: 10px;
}
.customHouseBox h3 span {
 border: solid 2px #0066cc;
 box-sizing: border-box;
 color: #0066cc;
 padding: 10px;
 display: inline-block;
 font-weight: bold;
 margin-right: 10px;
 font-size: 16px;
}
.customHouseBox .wrap {
 padding: 25px;
 background-color: #fafafa;
}
.customHouseBox .wrap .left,
.customHouseBox .wrap .right {
 float: none;
}
.customHouseBox .left .img1,
.customHouseBox .left .img2 {
 float: left;
 position: relative;
}
.customHouseBox .left img {
 width: 100%;
 height: auto;
}
.customHouseBox .wrap .right .houseAdd {
 padding-bottom: 10px;
 margin-bottom: 10px;
 border-color: #999;
 border-width: 1px;
 border-bottom-style: solid;
}
.customHouseBox .wrap .right p {
 line-height: 1.5;
}
@media only screen and (min-width: 767px) {
.customHouseBox .wrap {
 display: table;
 table-layout: fixed;
}
.customHouseBox .wrap .left,
.customHouseBox .wrap .right {
 display: table-cell;
 vertical-align: top;
}
.customHouseBox .wrap .left {
 width: 50%;
}
.customHouseBox .left .img1,
.customHouseBox .left .img2 {
 width: 46%;
 margin-right: 4%;
}
}
@media only screen and (max-width: 767px) {
.customHouseBox .wrap .right {
 display: inline-block;
 padding-top: 10px;
 width: 100%;
 clear: both;
}
.customHouseBox .left .img1,
.customHouseBox .left .img2 {
 width: 48%;
}
.customHouseBox .left .img1 {
 margin-right: 2%;
}
.customHouseBox .left .img2 {
 margin-left: 2%;
}
.housePageNav .extra-nav-list {
 -ms-grid-columns: (minmax(1px, 1fr))[3] !important;
 grid-template-columns: repeat(3, minmax(1px, 1fr)) !important;
}
}



/* ----------------------------------------------------------------------
 footer contact調整
---------------------------------------------------------------------- */

.contact-nav-inner {
 max-width: 1000px;
 margin: 0 auto;
}
.contact-nav-inner .contact-other p:not(:last-child) {
 margin-bottom: 20px;
}
.contact-nav-inner .contact-other p {
 font-weight: bold;
 text-align: center;
}
.contact-nav-inner .contact-other p a {
 padding: 30px 40px 30px 20px;
 display: block;
 width: auto;
 border-bottom: solid 5px #d2d2d2;
 position: relative;
 background-color: #fff;
 text-decoration: none;
 line-height: 1.4;
}
.contact-nav-inner .contact-other p a:hover {
 color: #333;
 opacity: .7;
}
.contact-nav-inner .contact-other p a::before {
 content: '\203A';
 position: absolute;
 right: 20px;
 top: 50%;
 transform: translateY(-50%);
}
.contact-nav-inner .contact-nav-contact__link {
 width: 100%;
}
@media only screen and (min-width: 767px) {
.contact-nav-inner {
 display: table;
 width: 100%;
}
.contact-nav-inner .contact-nav__content,
.contact-nav-inner .contact-other {
 width: 46%;
 display: table-cell;
}
.contact-nav-inner .contact-nav__content {
 padding-right: 4%;
}
.contact-nav-inner .contact-other {
 padding-left: 4%;
 border-left: solid 1px #fff;
}
}
@media only screen and (max-width: 767px) {
.contact-nav-inner {
 display: block;
 width: auto;
 padding: 0 20px;
}
.contact-nav-inner .contact-other {
 padding-top: 30px;	
}
.contact-nav-inner .contact-nav-contact__link,
.contact-nav-inner .contact-other p {
 max-width: 460px;
 margin-right: auto;
 margin-left: auto;
}
}
	




/* ----------------------------------------------------------------------
 extra調整
---------------------------------------------------------------------- */
.extra-nav-container {
 background-color: #f9f8f4 !important;
}
.extra-nav .extra-nav__links {
 margin-bottom: 0 !important;
}
.fBnrList ul,
.extra-nav .extra-nav-list {
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 align-items: center;
}
.extra-nav .extra-nav-list {
 grid-column-gap: normal;
 grid-row-gap: normal;
}
.fBnrList ul li img {
 width: 100%;
 height: auto;
}
@media only screen and (min-width: 767px) {
.extra-nav-container {
 margin-bottom: 100px;
}	
.fBnrList.list4 ul li,
.extra-nav .extra-nav-list__item {
 width: 23.5%;
}
.fBnrList.list2 ul li {
 width: 49%;
}
}
@media only screen and (max-width: 767px) {
.extra-nav-container {
 margin-bottom: 25px;
}	
.extra-nav .extra-nav__content > div:first-child {
 padding-bottom: 10px;
}
.extra-nav .extra-nav__content > div:last-child {
 padding-top: 10px;
}
.fBnrList ul li,
.extra-nav .extra-nav-list__item {
 padding: 1% 0;
}
.fBnrList.list4 ul li,
.extra-nav .extra-nav-list__item {
 width: 49%;
}
.fBnrList.list2 ul li {
 width: 100%;
}
}




/* ----------------------------------------------------------------------
 カスタム投稿
---------------------------------------------------------------------- */

/*single*/
.post_contentCustom > .customBox {
 margin-bottom: 60px;
}
.customPostData {
 clear: both;
}
.customPostData .left {
 float: left;
 width: 48%;
}
.customPostData .right {
 float: right;
 width: 48%;
}
.tableCustom tr td:first-child  {
 width: 80px;
 padding-right: 15px;
}
h3.h3Custom1 {
 position: relative;
 padding-bottom: 0.7em !important;
 border-bottom: 4px solid #DDD;
 font-size: 110%;
 clear: both;
 line-height: 1.2;
 font-weight: 600;
 margin: 0 0 20px 0;
 padding: 10px 0 0 0;
}
h3.h3Custom1::after {
 position: absolute;
 content: " ";
 border-bottom: solid 4px #0066cc;
 bottom: -4px;
 width: 10%;
 display: block;
}
.customPostTag {
 border: solid 2px #0066cc;
 box-sizing: border-box;
 color: #0066cc;
 padding: 10px;
 display: inline-block;
 margin-bottom: 20px;
 font-weight: bold;
}
.customPostTag.redTag {
 border-color: #FF0000;
 color: #FF0000;
}
.customPostIntro {
 padding: 25px;
 background: #fafafa;
 clear: both;
 width: auto;
 height: auto;
}
.customPostIntro .left {
 width: 26%;
 height: 0;
 padding: 13% 0;
 border-radius: 50%;
 overflow: hidden;
 position: relative;
 float: left;
}
.customPostIntro .left img {
 position: absolute;
 top: 0;
 bottom: 0;
 right: 0;
 left: 0;
 margin: auto;
 object-fit: cover;
 width: 100%;
 height: 100%;
 max-height: none;
}
.customPostIntro .right {
 width: 70%;
 float: right
}
.customPostIntro .right .wrap {
 padding-bottom: 10px;
 margin-bottom: 10px;
 border-bottom: solid 1px #999;
}
.customPostIntro .right > p {
 line-height: 1.5;
 margin-bottom: 0;
}
.customPostIntro .tag {
 background: #0066cc;
 color: #fff;
 display: inline-block;
 padding: 5px 10px;
 font-weight: bold;
 vertical-align: baseline;
 margin: 0 10px 0 0;
}
.customPostIntro .name {
 display: inline-block;
 vertical-align: middle;
 margin: 0;
 font-size: 18px;
}
.customImgList ul {
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 list-style: none;
 margin-left: 0;
 margin-bottom: 0;
}
.customImgList li {
 padding-bottom: 20px;
}
.customImgList li p {
 margin-bottom: 0 !important;
}
.customBox iframe {
 width: 100%;
}
#related_post.related_post_custom {
 padding-top: 60px;
}
.houseLayout ul {
 list-style: none;
 margin-left: 0;
 margin-bottom: 0;
}
.houseLayout ul li {
 padding-bottom: 20px;
 text-align: center;
}
.leaseTag p {
 font-size: 15px;
 font-weight: bold;
 line-height: 15px !important;
}
.leaseTag p span {
 display: inline-block;
 box-sizing: border-box;
 width: 4em;
 padding: 4px 0;
 text-align: center;
 margin-right: 1em;
 font-weight: bold;
 font-size: 15px;
}
.leaseTag.customTag1 p {
 color: #FF0000;
 font-size: 24px;
}
.leaseTag.customTag2 p.point1,
.leaseTag.customTag2 p.point2 {
 color: #ff7e00;
}
.leaseTag.customTag2 p {
 font-size: 16px;
}
.leaseTag.customTag2 p.point1 {
 font-size: 22px;
}
.leaseTag.customTag2 p.point2 {
 font-size: 20px;
}
.leaseTag.customTag1 p > span {
 color: #FF0000;
 border: solid 2px #FF0000
}
.leaseTag.customTag2 p > span {
 color: #0066cc;
 border: solid 2px #0066cc;
}
.pdfList ul {
 list-style: none;
 margin: 0 auto !important;
 text-align: center;
}
.pdfList ul li {
 display: inline-block;
 margin: 1% 1%;
 font-weight: bold;
  vertical-align: middle;
}
.pdfList ul li a {
 display: block;
 padding: 8px 4px;
 background-color: #ff7e00;
 color: #fff;
 border-radius: 10px;
 text-decoration: none;
 border: solid 2px #ff7e00;
 box-sizing: border-box;
}
.pdfList ul li a:hover {
 background: #fff;
 color: #ff7e00;
}
/*archive*/
.custumCatList .title {
 text-align: center;
 font-size: 20px;
 margin-bottom: 20px;
 font-weight: bold;
}
.custumCatList ul {
 background: #fafafa;
 padding: 30px;
}
.custumCatList li {
 display: inline-block;
 width: 209px;
 margin: 6px 2px;
 vertical-align: top;
}
.custumCatList.blogCustom li {
 width: 264px;
}
.custumCatList li a {
 display: block;
 width: auto;
 padding: 10px 10px;
 background: #0066cc;
 color: #fff;
 font-weight: bold;
 text-align: left;
}
.custumCatList li.redTag a {
 background: #FF0000;
}
.custumCatList li a:hover {
 color: #fff;
 text-decoration: none;
 background: #333;
}
.title.caseCat {
 position: absolute;
 z-index: 1;
 top: 0;
 left: 0;
 background: #0066cc;
 color: #fff;
 font-weight: bold;
 text-align: left;
 line-height: 130% !important;
}
.title.caseCat:hover {
 text-decoration: none;
 background: #333;
}
.leaseDesc {
 text-decoration: none !important;
 background-color: #fafafa;
 padding: 20px;
}
.leaseDesc .bottomTxt {
 border-top: solid 1px#000;
 padding-top: 5px;
 margin-top: 5px;
}
.title.caseCat2 {
 display: inline-block !important;
 border: solid 2px #0066cc;
 color: #0066cc;
 box-sizing: border-box;
 padding: 2px 5px;
 text-decoration: none;
 font-weight: bold;
 margin-right: 5px !important;
}
.title.caseCat2.redTag {
 border-color: #FF0000;
 color: #FF0000;
}
.title.caseCat2:hover {
 background: #0066cc;
 color: #fff;
}
.title.caseCat2.redTag:hover {
 background: #FF0000;
}
@media only screen and (min-width: 767px) {
/*single*/
.customPostData .right h3 {
 padding-top: 0;
}
.customImgList li {
 width: 32%;
}
.customImgList ul::after {
 content: '';
 display: block;
 width:32%;
}
#related_post.related_post_custom li {
 width: 32%;
 margin-right: 1%;
}
.pdfList ul li {
 width: 30%;
}
/*archive*/
.title.caseCat {
 padding: 8px 6px;
}
#main_col > .custumCatList:not(:first-child) {
 padding-top: 40px;
}
}
@media only screen and (max-width: 767px) {
/*single*/
#side_case {
 display: none;
}
.customPostData .left {
 margin-bottom: 20px;
}
.customPostData .left,
.customPostData .right {
 float: none;
 width: 100%;
 clear: both;
}
.customPostIntro {
 padding: 5%;
}
.customImgList ul {
 margin-bottom: 0;
}
.customImgList li {
 width: 48%;
}
.related_post_custom {
 padding-bottom: 30px;
}
#related_post.related_post_custom ol {
 margin-bottom: 0;
}
.pdfList ul li {
 width: 46%;
}
/*archive*/
#main_col > .custumCatList:not(:first-child) {
 padding-top: 20px;
}
.custumCatList li {
 display: block;
 width: auto;
 margin: 6px 4px;
}
.custumCatList ul {
 padding: 15px;
}
.custumCatList {
 margin-bottom: 15px;
}
.title.caseCat {
 padding: 8px 8px;
}
.title.caseCat2 {
 margin-bottom: 5px !important;
}
.title.caseCat2.redTag {
 margin-bottom: 10px !important;
}
.leaseDesc {
 margin-top: 10px !important;
 margin-bottom: 20px !important;
}
}




/* ----------------------------------------------------------------------
 下層ページ header fix
 MEMO：テーマ(小テーマではない)jsファイルを修正
 →NOTE：php、jsを修正しても小テーマからでは読み込めない
---------------------------------------------------------------------- */
body {
 overflow-x: hidden;
}
.pc #header_top {
 border-bottom: 1px solid #ddd;
 box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1);
 position: relative;
 z-index: 100;
}
.pc .not_home #header_top {
 display: block !important;
}
.pc .not_home.fix_top #header {
 position: relative;
}
.pc .not_home #header_bottom {
 margin-top: 60px;
 top: -60px;
}
.pc .not_home.header_fix #header_bottom {
 width: 1250px;
 margin: 0 auto;
 position: fixed !important;
 top: 0;
 right: 0;
 left: 0;
 -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
 -webkit-transition-property:background-color,top; -webkit-transition-duration:0.8s; -webkit-transition-timing-function:ease;
 -moz-transition-property:background-color,top; -moz-transition-duration:0.8s; -moz-transition-timing-function:ease;
 -o-transition-property:background-color,top; -o-transition-duration:0.8s; -o-transition-timing-function:ease;
 transition-property:background-color,top; transition-duration:0.8s; transition-timing-function:ease;
}
.pc .not_home #header_bottom::before {
 content: '';
 position: absolute;
 top: 0;
 right: 0;
 height: 100%;
 width: 100%;
 margin: 0 50%;
 padding: 0 50%;
 background-color: rgba(255,255,255,0.7);
 display: inline-block;
 transform: translateX(50%);
}
.pc .not_home.header_fix #header_bottom::before {
 background-color: #fff;
 box-shadow: 0 0 5px 0 rgba(0,0,0,0.3);
}
.pc body.not_home.header_fix #global_menu {
 padding-left: 202px;
}
.pc body.not_home.fix_top:not(.header_fix) #global_menu {
 padding-left: 0;
}
.pc .not_home.header_fix #global_menu > ul {
 text-align: left;
}
.pc .not_home:not(.header_fix) #logo_image_fixed {
 display: none;
}
@media only screen and (min-width: 767px) {
#header_image {
 padding-top: 60px;  
}
}