/*
Theme Name: サンウエスト不動産
*/

a[target="_blank"]::after {
	font-weight: bold;
	margin-left: 5px;
	content: "\f35d";
	font-family: "Font Awesome 5 Free";
	display: inline-block;
	vertical-align: -1px;
}
a[href$=".pdf"]::after {
	font-weight: bold;
	margin-left: 5px;
	content: "\f1c1" !important;
	font-family: "Font Awesome 5 Free";
	display: inline-block;
	vertical-align: -1px;
}
a[href$=".doc"]::after {
font-weight: bold;
	margin-left: 5px;
	content: "\f1c2" !important;
	font-family: "Font Awesome 5 Free";
	display: inline-block;
	vertical-align: -1px;
}
a[href$=".xls"]::after {
font-weight: bold;
	margin-left: 5px;
	content: "\f1c3" !important;
	font-family: "Font Awesome 5 Free";
	display: inline-block;
	vertical-align: -1px;
}
.bnr-list a[target="_blank"]::after{ display: none;}
body {
	font-family:  "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	overflow-x: hidden
}
/* title */
.index-title {
	padding: 10px 10px 5px 0px;
	border-bottom: 4px solid #c7b299;
	box-shadow: 0px 1px 2px rgba(255,255,255,0.9);
	position: relative;
}
.index-title:after {
	content: ".";
	line-height: 0;
	display: block;
	overflow: hidden;
	position: absolute;
	bottom: -4px;
	left: 0;
	width: 30%;
	border-bottom: 4px solid #1b144d
}
h2.main-section-title {
	position: relative;
	text-align: center;
}
h2.main-section-title span.title-border{
	display: inline-block;
	border-bottom: 4px solid #5e000b;
	padding: 8px 1em;
}

h2, .h2 {
	font-size: 24px
}
h2 .icn{
	display: inline-block;
	height:48px;
width: 48px;
margin-right: 5px;
background-position: center;
	background-repeat: no-repeat;
	vertical-align: -12px;
}
h2 .icn.icn-h2-osusume{
	background-image: url(images/common/icn-h2-osusume.svg)
}
h2 .icn.icn-h2-news{background-image: url(images/common/icn-h2-news.svg)}
h2 .icn.icn-h2-dl{background-image: url(images/common/icn-h2-dl.svg)}
h3, .h3 {
	font-size: 21px;
	background-color: #f5f1ea;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 8px;
}
h4 {
}
h5 {
	padding: 7px 7px 3px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #f5f5f5
}
.sub-section-title {
	font-size: 21px;
	border-bottom: 1px solid #ccc;
	box-shadow: 0px 1px 2px rgba(255,255,255,0.9)
}
.sub-section-title:after {
	content: ".";
	line-height: 0;
	display: block;
	overflow: hidden;
	position: absolute;
	bottom: -1px;
	width: 30%;
	border-bottom: 1px solid #337ab7
}
.nav-section .searchform {
	display: none
}
.label {
	padding: .2em .6em .1em;
}
.btn-default {
	background: #5E000B;
	color: #fff;
	border-color: #5E000B
}
.btn-default:focus, .btn-default:hover {
	background-color: #77000E;
	color: #fff;
	border-color: #5E000B
}

/* header */
.site-header {
	border-top: solid 10px #1b144d;
	z-index: 10000;
	background-color: #fff;
	width: 100%;
	box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
	top:0;
	left:0;
	right: 0;
}

.site-head-container {
	position: relative;
}
.site-header .container {
	padding-top: 5px;
	padding-bottom: 5px;
}
.site-header-logo {
	float: left;
	line-height: 1;
}
.site-header-logo img{
	height: 40px;
	width: 192px;
}
.site-description ,.header-util{
	display: none;
}

#menu-btn {
	background-color: #2E3192;
	font-size: 11px;
	color: #fff;
	border: solid 1px #fff;
	text-align: center;
	display: block;
	height: 40px;
	width: 40px;
	padding: 5px 0 0;
	margin: 0;
	cursor: pointer;
	position: absolute;
	right: 5px;
	top: 5px;
}
#menu-btn span {
	display: block;
	position: absolute; /* .toggleに対して */
	border-bottom: solid 2px #fff;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
	padding-top: 3px;
}
#menu-btn span:nth-child(1) {
	top: 3px;
	left: 6px;
	width: 26px;
}
#menu-btn span:nth-child(2) {
	top: 10px;
	left: 6px;
	width: 26px;
}
#menu-btn span:nth-child(3) {
	top: 18px;
	left: 6px;
	width: 26px;
}
#menu-btn span:nth-child(4) {
	border: none;
	top: 21px;
	width: 40px;
	font-size: 10px;
}
#menu-btn.active span:nth-child(1) {
	top: 10px;
	left: 5px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#menu-btn.active span:nth-child(2), #menu-btn.active span:nth-child(3) {
	top: 10px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* .gMenu-sp */
#gMenu-sp {
	position: fixed;
	top: 0px;
	left: 0;
	width: 100%;
	transform: translateY(-110%);
	z-index: 9999;
	padding: 60px 10px 15px;
	background: rgba(0,0,0,0.70);
	transition: all 0.8s;
}
#gMenu-sp.active {
	transform: translateY(0%);
}
#gMenu-sp ul.gMenu {
	float: none;
	display: flex;
	font-size: 16px;
	justify-content: center;
}
#gMenu-sp ul.gMenu>li {
	position: relative;
	float: none;
	flex: 0 1 100%;
	border-bottom: solid 1px #ccc;
}
#gMenu-sp ul.gMenu>li small{margin-left: 5px;}
#gMenu-sp ul.gMenu a {
	background-color: inherit;
	color: #fff;
	padding: 0 15px;
	white-space: nowrap;
	display: block;
}
#gMenu-sp ul.gMenu a:hover, #gMenu-sp ul.gMenu a:focus {
	background-color: #000 !important;
}
#gMenu-sp ul.sub-menu {
	display: none;
}
#gMenu-sp .header-tel {color: #fff;}
#gMenu-pc {
	clear: both;
	display: none;
}
/* slider */
.main-slider {
	min-height: 300px;
}
.slider {
	min-height: 300px;
	text-align: center;
	background-size: cover;
	background-position: center;
	position: relative;
}
.slider img {
	display: block;
	width: 300px;
	height: 75px;
	margin: 120px auto 0;
	padding: 5px;
	filter: drop-shadow(0px 0px 2px rgba(0,0,0,0.8));
}
.slider02 img,.slider03 img{
	filter: drop-shadow(0px 0px 2px rgba(0,0,0,0));
	background-color: rgba(0,0,0,0.4);
	padding: 5px;
	
}
.slider01 {
	background-image: url(images/index/slider01.jpg)
}
.slider02 {
	background-image: url(images/index/slider02.jpg)
}
.slider03 {
	background-image: url(images/index/slider03.jpg)
}
.bx-wrapper .bx-controls-direction a {
    z-index: 999!important;
}
.bx-wrapper {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
	background: #fff;
	margin-bottom: 0px;
}
.bnr-list{
	list-style: none;
	padding: 0;
	margin-left:0;
	margin-right: 0;
}
.bnr-list li{
	text-align: center;
}
/* subsection */
.widget-title{
	font-size: 18px;
	margin-bottom: 10px;
}
.widget-title:before{
	content:'◆';
	font-size: 18px;
	margin-right:5px;
	color: #2E3192;
}
.widget-list{
	margin-left:10px;
	padding: 0;
	list-style: none;
}
.widget-list li{
	border-bottom: dotted 1px #666;
}
/* footer */
.footer-subnav{
	list-style: none;
	padding: 0;
	margin-left:0;
	margin:0;
	font-size: 13px;
}
.footer-subnav li{
	padding: 0;
	margin:0;
}
.footer-subnav li a{display: block;}
.footer-subnav li a:before{
	font-weight: bold;
	margin-right: 5px;
	content: "\f0da";
	font-family: "Font Awesome 5 Free";
	display: inline-block;
	vertical-align: -1px;
}
#btn-page-top {
	position: fixed;
	bottom: 0px;
	right: 0px;
	z-index:1000;
	display: block;
	cursor: pointer;
}

.copy-section {
	background-color: #1b144d;
	color: #fff;
	padding: 5px 0;
}
/* index */
.index-bnr-list{
	list-style: none;
	padding-right: 0px;
	padding-left: 0px;
	margin-top: 0px;
}
.index-bnr-list li{
	text-align: center;
}
.index-news-list{
	border-top: 1px dotted #999;
}
.index-news-list dt{
	float: left;
	font-weight: normal;
	padding-left: 10px;
	border-left-style: none;
	margin-right: 20px;
	padding-top: 10px;
}
.index-news-list dt .news-cat-list{
	display: inline-block;
}
.index-news-list dd{
	border-bottom: 1px dotted #999;
	padding-bottom: 10px;
	border-left-style: none;
	padding-top: 10px;
	}

.index-nav {
	background-color: #fff;
	display: flex;
	flex-flow: row wrap;
	border-radius: 8px;
	padding: 15px;
	list-style: none;
	margin: 0 auto;
	position: relative;
	}
.index-nav::before{
	content: url(images/index/title-indexmenu.svg);
	position: absolute;
	left: 50%;
	top:-48px;
	margin-left: -45px;
	}
.index-nav li{
	flex:1 0 50%;
	}
.index-nav a{
	display: block;
	text-align: center;
	}
.index-nav .icn{
	width: 48px;
	height: 48px;
	display: block;
	margin: 0 auto 5px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	}
.icn-index-nav01{background-image: url(images/index/icn-indexmenu01.svg)}
.icn-index-nav02{background-image: url(images/index/icn-indexmenu02.svg)}
.icn-index-nav03{background-image: url(images/index/icn-indexmenu03.svg)}
.icn-index-nav04{background-image: url(images/index/icn-indexmenu04.svg)}
.icn-index-nav05{background-image: url(images/index/icn-indexmenu05.svg)}
.index-bukken-box{
	overflow: hidden;
}
#osusumeIfrm{
	height:480px
}

/* page */
.page-header{
	background-color: #c7b299;
	background-image: url(images/common/page-header-bg.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 400px auto;
	height: 80px;
	padding-top: 15px;
}
.page-header-page-title, h1.page-header-page-title:first-child{text-align: center;
color: #000;
}
ul.page-nav{
	list-style: none;
	margin: 15px 0;
	padding: 0;
}
ul.page-nav li {
	border-bottom: dotted 1px #333;
}
ul.page-nav li a{padding: 2px 0.5em;}
.section-box-colored{
	background-color: #f5f1ea;
}

/* about */
.card-rinen{
	border: solid 3px #5e000b;
	text-align: center;
}
.card-rinen .card-header{
	background-color: #5e000b;
	color: #fff;
	font-size:1.2rem;
}
.card-rinen .card-body{font-size:1.1rem;}
.card-default{border: solid 2px #5e000b}
.card-default .card-header{background-color: #5e000b;
	color: #fff;}
.card-small{
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}
.table-gaiyo{border-top: 1px solid #5E000B;}
.table-gaiyo th,.table-gaiyo td{
	display: block;
}
.table-gaiyo th {
    border-bottom: 1px dotted #5E000B;
}
.table-gaiyo td {
    border-bottom: 1px solid #5E000B;
}

.price-title{
	font-size: 16px;
	
}
.price{
	font-size: 18px;
	text-align: right;
	border-bottom: solid 1px #000;
}
.price strong{
	font-size: 24px;
	font-weight: bold;
	color: red;
}

.table-spec th,.table-spec td{
	border-color: #000;
}
.table-spec th{
	background-color: #e6e6e6;
}
.flow-list-table ,.flow-list-table th ,.flow-list-table td{
	border: solid 1px #5e000b;
}
.flow-list-table th {
	background-color: #5e000b;
	color: #fff;
	white-space: nowrap;
}
.flow-list-table th ,.flow-list-table td{
	display: block;
}
.flow-list-table{
	margin-bottom: 15px;
}
.flow-list-table p{
	margin-bottom: 0;
}
.list-frame{
	width: 310px;
	height: 800px;
	border: none;
	display: block;
	margin: auto;
}
.list-frame.list-frame-scroll{
	overflow-x: hidden;
	overflow-y: scroll
}
.link-list{
	border-bottom: solid 1px #ccc;
}
.link-list dt{
	border-top: solid 1px #ccc;
	padding-top:8px;
}
.link-list dt:before{
	content:'◼️';
	margin-right: 5px;
	color:#2E3192;
}
.link-list dd{
	font-size: 0.9em;
	padding-left: 1em;
}

/* contact */
.form-table{
	margin-bottom: 1rem;
	
}
.form-table th, .form-table td{
	display: block;
}
.form-table th{
	vertical-align: top;
    border-bottom: 1px dotted #e5e5e5;
}
.form-table th .badge{
	margin-left: 0.5rem;
	vertical-align: 3px;
}
.btn-submit {
	background: #5E000B;
	color: #fff;
	border-color: #5E000B
}
.btn-submit:focus, .btn-submit:hover {
	background-color: #77000E;
	color: #fff;
	border-color: #5E000B
}
/* お知らせ */
.media {
    display: block;
}
/* メディアクエリ */
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 
.list-frame{
	width: 100%;
	/*height: 1400px;*/ /* [18.12.13] */
	border: none;
	display: block;
}
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 


/* slider */
.main-slider {
	min-height: 450px;
}
.slider {
	min-height: 450px;
}
.slider img {
	display: block;
	width: 725px;
	height: 180px;
	}
h2.main-section-title span.title-border {
    padding: 8px 3em;
}
	
.index-nav-section {
	position: relative;
	margin-top: -60px;
	z-index: 1000;
}
.index-nav {
	background-color: #fff;
	display: flex;
	border-radius: 8px;
	padding: 15px;
	list-style: none;
	max-width: 680px;
	margin: 0 auto;
	position: relative;
	}
.index-nav::before{
	content: url(images/index/title-indexmenu.svg);
	position: absolute;
	left: 50%;
	top:-48px;
	margin-left: -45px;
	}
.index-nav li{
	flex:1 0 20%;
	}
.index-nav a{
	display: block;
	text-align: center;
	}
.index-nav .icn{
	width: 56px;
	height: 56px;
	display: block;
	margin: 0 auto 5px;
	background-position: center;
	background-repeat: no-repeat;
	}
.icn-index-nav01{background-image: url(images/index/icn-indexmenu01.svg)}
.icn-index-nav02{background-image: url(images/index/icn-indexmenu02.svg)}
.icn-index-nav03{background-image: url(images/index/icn-indexmenu03.svg)}
.icn-index-nav04{background-image: url(images/index/icn-indexmenu04.svg)}
#osusumeIfrm{
	width: 100%;
	height:300px;
	max-width:100% !important;
}
.page-header{
	background-size: 800px auto;
	height: 100px;
	padding-top: 10px;
}

	
ul.page-nav{
	list-style: none;
	margin: 15px 0;
	padding: 0;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}
ul.page-nav li {
	border-right: solid 1px #5e000b;
	border-bottom: none;
}
ul.page-nav li:first-child{border-left: solid 1px #5e000b;}
ul.page-nav li a{padding: 2px 0.5em;}
	
.card-rinen .card-header{
	font-size:1.7rem;
}
.card-rinen .card-body{font-size:1.6rem;}
.table-gaiyo th,.table-gaiyo td{
	display: table-cell;
}
.table-gaiyo th {
    border-bottom: 1px solid  #5E000B;
}
	
.list-keireki{}
.list-keireki dt{float: left;}
.list-keireki dd{padding-left: 10em;}
.form-table th, .form-table td{
	display: table-cell;
}
}


/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
	.site-header {
	width: 100%;
	z-index: 10000;
	top: 0;
	background-color: #fff;
	box-shadow: 0px 1px 3px rgba(0,0,0,0.1);
	margin-bottom: 0;
	min-height: 46px
}
.site-header .container {
	padding-top: 5px;
	padding-bottom: 4px
}
.site-header-logo{margin-bottom: 0;}
.header-util {
		display: block;
	float: right;
	padding: 10px 0 0;
}
.header-tel {
	text-align: right;
	font-size: 12px;
}
.header-tel p {
	padding: 0;
	margin: 0;
}
.site-header-logo img{
	height: 50px;
	width: 240px;
}
/* gMenu */
#menu-btn,#gMenu-sp {display: none;}
#gMenu-pc {
	display: block;
}
.gMenu-bg {
	clear: both;
	display: block;
	width: 100%;
	background-color: #2e3192;
	border-bottom: solid 4px #1b144d;
}
.gMenu-bg .container {
	padding-top: 10px;
	padding-bottom: 5px;
}
.gMenu-name {
	text-align: center;
	display: block
}
.gMenu-description {
	text-align: center
}
#gMenu-pc ul.gMenu {
	margin: 0;
	padding: 0;
	float: none;
	display: flex;
	font-size: 13px;
	justify-content: center;
	flex-wrap: nowrap;
}
#gMenu-pc ul.gMenu>li {
	margin: 0;
	padding: 0;
	position: relative;
	float: none;
	flex: 0 1 25%;
}
#gMenu-pc ul.gMenu>li:before {
	content: '';
	width: 1px;
	height: 100%;
	background-color: #fff;
	position: absolute;
	top: 0;
	left: 0;
}
#gMenu-pc ul.gMenu>li:last-child:after {
	content: '';
	width: 1px;
	height: 100%;
	background-color: #fff;
	position: absolute;
	top: 0;
	right: 0;
}
#gMenu-pc ul.gMenu>li>a {
	display: block;
	background-color: inherit;
	color: #fff;
	padding: 10px 0 5px;
	text-align: center;
	white-space: nowrap;
	line-height: 1.4;
}
#gMenu-pc ul.gMenu>li>a small {
	display: block;
	color: #29abe2;
}
.scrolled #gMenu-pc ul.gMenu>li>a small {display: none;}
#gMenu-pc ul.gMenu>li>a:hover, ul.gMenu>li>a:focus {
	background-color: #373BB0;
	text-decoration: none;
}
#gMenu-pc ul.gMenu>li>a {
	border-bottom: none
}
#gMenu-pc ul.gMenu>li>ul.sub-menu {
	display: none;
	position: absolute;
	z-index: 1000;
	left: 50%;
}
#gMenu-pc ul.gMenu>li>ul.sub-menu>li {
	left: -120px;
	background-color: rgba(255,255,255,0.75);
}
#gMenu-pc ul.gMenu>li>ul.sub-menu li {
	width: 240px;
	margin: 0;
	list-style: none;
	display: block;
	overflow: visible;
	position: relative;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.2)
}
#gMenu-pc ul.gMenu>li>ul.sub-menu li ul {
	margin-bottom: 0;
	display: none;
	position: absolute;
	left: 240px;
	top: 0.8em
}
#gMenu-pc ul.gMenu>li>ul.sub-menu li a {
	padding-left: 1.5em
}
#gMenu-pc ul.gMenu>li:hover>ul.sub-menu {
	display: block
}
#gMenu-pc ul.gMenu>li li:hover>ul.sub-menu {
	display: block
}
ul.gMenu>li>a:hover:after, ul.gMenu>li.current-post-ancestor>a:after, ul.gMenu>li.current-menu-item>a:after, ul.gMenu>li.current-menu-parent>a:after, ul.gMenu>li.current-menu-ancestor>a:after, ul.gMenu>li.current-page-parent>a:after, ul.gMenu>li.current-page-ancestor>a:after {
	content: ".";
	line-height: 0;
	border-bottom: 4px solid #337ab7;
	left: 0;
	bottom: -4px;
	display: block;
	overflow: hidden;
	position: absolute;
	width: 100%;
}

.site-description {
	display: block;
	background: inherit;
	font-size: 12px;
	border: none;
	padding: 12px 15px 0;
	clear: none;
	float: left;
	max-width: 400px;
	margin: 0;
	line-height: 1.3;
	white-space: nowrap;
}
.site-description strong{font-size: 14px;}
	.flow-list-table th ,.flow-list-table td{
	display: table-cell;
}
.flow-list-table th {
	width: 30%;
}	
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { ... }

@media print { 
#gMenu-sp,.site-header,.page-header,.bread-section,.sub-section,.site-footer,.site-content-after,#btn-page-top{display: none !important;}
body,.list_detail{
	font-size: 10px !important;
}
.entry-header,
.entry-title{
	font-size: 16px !important;
	margin-bottom: 0px !important;
}
.list_price{
	margin-top: 0px !important;
}

body{
	min-width: 670px!important;
	max-width: 670px!important;
	width: 670px!important;
	margin: 0px auto!important;
	padding: 0!important;
	overflow: hidden;
	}
.order-lg-first {
    -ms-flex-order: 0;
    order: 0;
}
.col-lg-9 {
    -ms-flex: 0 0 100%!important;
    flex: 0 0 100%!important;
    max-width: 100%!important;
}
.page-header{
	margin-top: 0px!important;
	}
.site-content,.container,.main-section
	{
	min-width: 670px!important;
	max-width: 670px!important;
	width: 670px!important;
	margin: 0px !important;
	padding: 0px!important;
	}
.list-frame{
	width: 670px!important;
	height: 940px;
	margin: 0px;
	padding: 0px;
	border-style: none;
}

.gm-style img {
  max-width: none !important;
}

}
@media print and (-ms-high-contrast:none){
  *::-ms-backdrop, .list-frame {
   width: 670px!important;
	height: 940px;
	margin: 0px;
	padding: 0px;
	border-style: none;
	-moz-transform: scale(0.9,0.9);
-webkit-transform: scale(0.9,0.9);
-o-transform: scale(0.9,0.9);
-ms-transform: scale(0.9,0.9);
  }
*::-ms-backdrop,body,.container,.main-section
	{
		max-width: 670px!important;
	min-width: 670px!important;
	width: 670px!important;
	margin: 0px!important;
	padding: 0px!important;
	}

}