@charset "UTF-8";
/* CSS Document */

@-webkit-keyframes flash {
  0% {
    opacity: .4;
  }
  100% {
    opacity: 1;
  }
}
@keyframes flash {
  0% {
    opacity: .4;
  }
  100% {
    opacity: 1;
  }
}

ul li .yoyaku {
	background-color: #4C71AA;
 display: block;
 color: #fff;
}
ul li .demand {
	background-color: #C62F12;
  display: block;
   color: #fff;
}
ul li .yoyaku:hover,
ul li .demand:hover{
opacity: 1;
  -webkit-animation-duration: 1s;
  -webkit-animation-name: flash;
  animation-duration: 1s;
  animation-name: flash;
}

/*
==========================================================
PC設定
==========================================================
*/

@media print, screen and (min-width: 769px) {

#topImage {
background-image: url("/images/topImage_bukken.jpg");
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 200px;
padding-top: 150px;
}

#detail {
position: relative;
}
#detail .main .up {
	float: right;
	width: 34%;
	margin: 0px;
		margin-bottom: 10px;
}
#detail .main .up li{
	float: right;
	font-size: 13px;
	color: #666;
	text-align: right;
	margin-left: 20px;
}
#detail .main .up li:last-child {
	margin-left: 0px;
}
#detail .main .top {
clear: both;
	overflow: hidden;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}	
#detail .main .top h1 {
font-size: 20px;
text-align: left;
line-height: 1em;
width: 64%;
}
#detail .main .top span {
display: inline-block;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
color: #fff;
font-size: 13px;
margin-right: 10px;
}
#detail .main .top .new {
display: inline-block;
background-color: #D2400D;
}
#detail .main .top .shinchiku {
		background-color: #5A8FB6;
}
#detail .main .top .cyuko {
		background-color: #5A8FB6;
}
#detail .main .top .tochi {
	background-color: #93B368;
}
#detail .main .top .mansion {
	background-color: #E3B33C;
}
#detail .main .top .toushi {
	background-color: #996699;
}
#detail .main .top .right {
width: 85%;
float: right;
}
#detail .main .top .right ul {
width: 50%;
float: right;
}
#detail .main .top .right li {
width: 48%;
}
#detail .main .top .right .reserve {
width: 46%;
float: left;
background-color: #C9403C;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
color: #fff;
}
#detail .main .mid {
	padding-top: 5px;
	padding-bottom: 5px;
overflow: hidden;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
}
#detail .main .mid table {
margin: 0;
border-collapse:collapse;
width: 100%;
}
#detail .main .mid th,
#detail .main .mid td {
padding: 10px;
border: solid 1px #cccccc;
line-height: 1.5em;
text-align: center;
font-weight: normal;
vertical-align: middle;
}
#detail .main .mid th {
background-color: #eeeeee;
}
#detail .main .mid td:nth-child(2) {
text-align: left;
}
#detail .main .mid td .price {
font-size: 18px;
font-weight: bold;
}
#detail .main .mid td .loan {
font-size: 12px;
}
#detail .main .mid td .loan a {
text-decoration-line: underline;
color: #063A8C;
}
#detail .main .mid td .loan a:hover {
text-decoration-line: none;
}
#detail .main .mainImage {
	overflow: hidden;
	margin-bottom: 40px;
	position: relative;
}
#detail .main .mainImage .wrap {
	overflow: hidden;
	margin-bottom: 20px;
	position: relative;
}

#detail .main .mainImage .wrap .photo {
	width: 620px;
	height: 465px;
overflow: hidden;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
float: left;
}

#detail .main .mainImage .wrap .photo img img {	
width:auto;
height:auto;
max-width:100%;
max-height:100%;
}

#detail .main .mainImage .wrap .photo .mask {
	display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 640px;
  height: 426px;
  background:url(/sell/images/detail_main_mask.png);
		background-size:contain;
}
#detail .main .mainImage .wrap .right {
	float: right;
	width: 350px;
}
#detail .main .mainImage .wrap .right ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 10px;
	overflow: hidden;
}
#detail .main .mainImage .wrap .right li {
	width: 48%;
	height: 42px;
	line-height: 42px;
}

#detail .main .mainImage .wrap .right ul li .yoyaku:before {
	content: url(/images/icon_detail_yoyaku.png);
	position: relative;
	top: 2px;
	margin-top: 10px;
	margin-right: 1em;
	margin-bottom: 10px;
}

#detail .main .mainImage .wrap .right ul li .demand:before {
 content: url(/images/icon_detail_mail.png);
 margin-top: 10px;
	margin-right: 1em;
	margin-bottom: 10px;
 position: relative;
 top: 2px;
}


#detail .main .mainImage .wrap .right .contact {
	overflow: hidden;
	margin-bottom: 20px;
}
#detail .main .mainImage .wrap .right .contact .title {
	font-size: 16px;
	text-align: left;
margin-bottom: 10px;
	height: 30px;
}
#detail .main .mainImage .wrap .right .contact .title:before {
content: url(/images/icon_detail_tel.png);
 position: relative;
	top:8px;
margin-right: 10px;
}
#detail .main .mainImage .wrap .right .contact .call {
text-align: center;
	font-size: 12px;
	line-height: 2em;
}
#detail .main .mainImage .wrap .right .contact .call .tel {
	font-size: 30px;
	font-weight: bold;
	color: #000000;
	height: 32px;
}
#detail .main .mainImage .wrap .right .contact .call .tel:before {
content: url(/images/icon_fd.png);
 position: relative;
 top: 6px;
}
	
#detail .main .mainImage .wrap .staff {
	background-color: #f1f1f1;
	height: 295px;
	padding-left: 12px;
	padding-right: 12px;
	float: right;
	width: 326px;
}
#detail .main .mainImage .wrap .staff .top .point {
	text-align: left;
	background-image: url(/images/icon_detail_osusume.png);
	padding-left: 58px;
	line-height: 40px;;
	height: 40px;
	font-weight: bold;
}
#detail .main .mainImage .wrap .staff .top .point span {
	font-size: 18px;
	margin-top: 5px;
}
#detail .main .mainImage .wrap .staff .comment {
	text-align: left;
	line-height: 1.8em;
	overflow: auto;
	height: 204px;
}
#detail .main .mid .left {
	padding-top: 0px;
}
#detail .main .mainImage .wrap .staff .top {
	padding-top: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
#detail .main .mainImage .wrap .madori {
	background-color: #FFF;
	padding: 16px;
	height: 304px;
	overflow: hidden;
position: relative;
}
#detail .main .mainImage .wrap .madori img {
	position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: auto;
height: 100%;
}
#detail .main .mainImage .tensu {
	width: 100px;
	margin-right: auto;
	margin-left: auto;
	color: #fff;
	background-color: #000;
}
#detail .panorama a {
display: block;
background-color: #327CB7;
	background-image: url(/images/icon_panorama.png);
	background-repeat: no-repeat;
	background-position: 20px center;
	color: #FFF;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 30px;
 margin-top: 20px;
	margin-bottom: 20px;
	transition : all 0.3s ease 0s;
 width: 24%;
 margin-left: auto;
 margin-right: auto;
 border-radius: 4px;
}

.itemwrap {
	width: 100%;
	position: relative;
}
.itemwrap .mask a {
	height: 240px;
	width: 100%;
	background-color: rgba(0,0,0,0.85);
	font-size: 18px;
	color: #fff;
	text-align: center;
	display: block;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 100;
	line-height: 240px;
}
.itemwrap .mask a:hover {
	background-color: rgba(0,0,0,1);
	color: #FF0;
}

/*======================
サムネイルスライダー＆拡大
=======================*/
.item {
	padding-top: 20px;
	padding-bottom: 20px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

.responsive2{
/*スライダー*/
	padding-left: 10px;
}
.parent-container {
/*ポップアップ*/
}
.css_list {
	width: 27%;
	overflow: hidden;
	text-align: center;
	/*
	width: 200px;
	height: 260px;
	overflow: hidden;
	position: relative;	/* 相対位置指定 */
}
.css_list .image {
	width: 90%;
	height: 148px;
	margin-bottom: 5px;
	border: 1px solid #CCCCCC;
	background-color: #FFF;
overflow: hidden;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
	
}
.css_list .image img {
	width:auto;
height:auto;
max-width:100%;
max-height:100%;
}
.css_list p {
	width: 95%;
	font-size: 13px;
}


/*======================
周辺環境
=======================*/

#detail .location {
	margin-bottom: 40px;
}
#detail .location h2 {
font-size: 16px;
font-weight: bold;
text-align: left;
}
#detail .location h2 span {
display: inline-block;
margin-left: 50px;
}
#detail .location h2 span a {
color: #CC0033;
text-decoration-line: underline;
display: block;
}
#detail .location h2 span a:hover {
text-decoration-line:none;
}
#detail .location .gmap {
	 text-align: center;
                margin-top: 15px;
                margin-right: auto;
                margin-bottom: 20px;
                margin-left: auto;
                padding-bottom: 20px;
                display: block;
                height: 500px;
                background-color: #ECECEC;
}

#detail .location .map_mask {
	height: 550px;
	width: 1200px;
	background-image: url(/images/detail_map_mask.jpg);
	background-position: 0px 0px;
	margin-bottom: 30px;
}
#detail .location .map_mask dl {
	padding: 20px;
	display: block;
}
#detail .location .map_mask dt {
	color: #FFF;
	font-size: 20px;
	border: 1px solid #FFF;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 20px;
}
#detail .location .map_mask dd {
}
#detail .location .map_mask dd p {
	font-size: 16px;
	color: #FFF;
	line-height: 1.8em;
	text-align: left;
}
#detail .location .map_mask a {
	height: 100%;
	width: 100%;
	display: block;
}

.gmap img {
	border: none;
	color: #666;
}

.gmap a img {
 border: none;
 text-decoration: none;
}

#detail .pdf {
	margin-bottom: 40px;
	overflow: hidden;
}
#detail .pdf ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	position: relative;
}
#detail .pdf ul li {
 width: 30%;
	text-align: center;
}
#detail .pdf ul li a {
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 8px;
	padding-left: 10px;
	color: #1D4C9E;
	background-color: #f1f1f1;
	display: block;
}
#detail .pdf ul li a:after {
 content: url(/images/icon_pdf.png);
 margin: 10px;
 position: relative;
 top: 5px;
}
#detail .pdf ul li a:hover {
	background-color: #e6e6e6;
}

#detail .osusume-icon {
padding-top: 50px;
position: relative;
margin-bottom: 40px;
}
#detail .osusume-icon .fukidashi {
width: 118px;
position: absolute;
left :0;
top:0;
z-index: 2;
}
#detail .osusume-icon ul {
background-color: #D3E1EE;
padding-top: 20px;
padding-bottom: 10px;
padding-left: 20px;
padding-right: 20px;
justify-content:flex-start!important;
}
#detail .osusume-icon li {
width: 5%;
margin-right: 10px;
}
#detail .location .guide {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#detail .location .guide ul {
	 display:flex;
  justify-content: flex-start;
  overflow: hidden;
}
#detail .location .guide ul:before{
  content:"";
  display: block;
  width:18%;
  order:1;
}
#detail .location .guide ul:after{
  content:"";
  display: block;
  width:18%;
}
#detail .location .guide li {
	width: 18%;
	margin-bottom: 20px;
margin-right: 10px;
margin-left: 10px;
}

#detail .location .guide ul li .ph {
	width: 100%;
height: 148px;
overflow: hidden;
text-align: center;
display: flex;
align-items: center;
justify-content: center;

}
#detail .location .guide ul li .ph img {
width:auto;
height:auto;
max-width:100%;
max-height:100%;
margin-bottom: 5px;
}
#detail .location .guide ul li span {
	font-size: 13px;
	 line-height: 1.5em;
 display: block;
	margin: 0px;
	padding: 0px;
}
#detail .location p {
font-size: 13px!important;
color: #666;
}
#loan h2 {
font-size: 16px;
font-weight: bold;
text-align: left;
margin-bottom: 10px;
}
.loanbox {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 40px;
	margin-left: 0px;
}
.loanbox .example {
	margin-bottom: 10px;
	background-color: #F0F7FE;
	padding: 15px;
	overflow: hidden;
}
.loanbox .example .title {
	font-size: 16px;
	color: #2E5DA6;
	margin-bottom: 10px;
	text-decoration: none;
	text-align: left;
	float: left;
	width: 100%;
	display: block;
}
.loanbox .example .title span {
	font-size: 16px;
	color: #FFF;
	background-color: #A5B8D4;
	margin-right: 20px;
	padding-top: 5px;
	padding-right: 50px;
	padding-bottom: 5px;
	padding-left: 50px;
}
.loanbox .example dl {
	width: 20%;
	padding: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 2%;
	margin-bottom: 15px;
	margin-left: 0px;
}
.loanbox .example dl dt {
	color: #2E5DA6;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.loanbox .example dl dd {
	border: 3px solid #80A3D7;
	background-color: #FFF;
	padding: 10px;
	text-align: center;
	font-size: 18px;
}
.loanbox .example p {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
}
.loanbox .example .eq {
	float: left;
	width: 5%;
	padding-top: 4%;
	font-size: 20px;
}
.loanbox .example dl.end {
	width: 24%;
	margin-top: -5px;
	margin-right: 0%;
	margin-left: 0px;
	float: left;
	height: 60px;
	padding-right: 0px;
	padding-left: 0px;
}
.loanbox .example dl dd .red {
	font-size: 30px;
	font-weight: bold;
}
.loanbox .example dl .result {
	padding-top: 12px;
	padding-bottom: 12px;
	color: #2E5DA6;
	background-color: #FFFFFF;
}

#detail .loanbox .example .sub {
	text-align: center;
}
#detail .loanbox .example .calc {
clear: both;
	width: 96%;
overflow: hidden;
margin-left: auto;
margin-right: auto;
}


#detail .outline h2 {
font-size: 16px;
font-weight: bold;
text-align: left;
margin-bottom: 10px;
}
#detail .outline {
	margin-bottom: 40px;
}
#detail .outline h4 {
	text-align: left;
	margin-bottom: 10px;
}
#detail .outline table {
	margin: 0px;
	padding: 0px;
	border-collapse:collapse;
	width: 100%;
}
#detail .outline table tr th {
	background-color: #E6E6E6;
	margin: 0px;
	padding: 10px;
	width: 20%;
	border: 1px solid #CCC;
	line-height: 1.5em;
	text-align: left;
	font-weight: normal;
}
#detail .outline table tr td {
	margin: 0px;
	padding: 10px;
	border: 1px solid #CCC;
	line-height: 1.5em;
	text-align: left;
	color: #555555;
}
#detail .outline table tr td.herf {
	width: 42.5%!important;
}
#detail .outline table tr .herf p {
	padding-top: 16px;
}
#detail .outline .summary table tr td img {
	height: 40px;
	width: 40px;
}
#detail .cv {
	background-image: url(/images/detail_cv_bk.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
	position: relative;
	margin-bottom: 40px;
	border: 1px solid #CCCCCC;
}
#detail .cv ul {
	height: 74px;
	width: 70%;
	float: left;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	position: relative;
	margin-top: 70px;
	margin-left: 50px;
	margin-bottom: 20px;
	border-width: medium;
}
#detail .cv li {

	height: 52px;
	line-height: 52px;
	font-size: 18px;
 margin-top: 20px;
}
#detail .cv li:last-child {
 margin-top: 0px;
}
#detail .cv li span {
font-size: 14px;
line-height: 1.5em;
display: block;
	text-align: left;
}
#detail .cv li .fd {
color: #000;
}
	#detail .cv li .fd:before {
	content: url(/images/icon_detail_tel.png);
	position: relative;
	top: 10px;
	margin-top: 15px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
}
#detail .cv li a {
	display: block;
	height: 100%;
	width: 100%;
	padding-top: 0px;
	padding-bottom: 0px;
	color: #FFF;
	text-align: left;
	border-radius: 4px;
}
#detail .cv li .yoyaku,
#detail .cv li .demand{
padding-right: 10px;
}
#detail .cv li .yoyaku:before {
	content: url(/images/icon_detail_yoyaku.png);
	position: relative;
	top: 3px;
	margin-top: 15px;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-left: 20px;
}
#detail .cv li .demand:before {
 content: url(/images/icon_detail_mail.png);
 position: relative;
	top: 5px;
	margin-top: 15px;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-left: 20px;
}
#detail .cv li .tel {
font-size: 32px;
color: #000000;
font-weight: bold;
line-height: 1.8em;
}
#detail .cv li .tel:before {
content: url(/images/icon_fd.png);
 position: relative;
	top: 5px;
	margin-top: 15px;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-left: 20px;
}

.memberbox .wrap {
background-color: #efefef ;
padding-bottom: 30px;
padding-top: 40px;
background-image: url(/images/member_bg1.png), url(/images/member_bg2.png);
	background-position: left 20px bottom ,  right 20px bottom;
background-repeat: no-repeat, no-repeat;
}

#detail .toplist h2 {
font-size: 16px;
font-weight: bold;
text-align: left;
margin-bottom: 10px;
}



}

/*
==========================================================
タブレット設定
==========================================================
*/
@media screen and (min-width: 521px) and (max-width: 768px) {


#topImage {
background-image: url("/images/topImage_bukken.jpg");
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 120px;
padding-top: 100px;
padding-left: 16px;
padding-right: 16px;
}


#detail {
position: relative;
}
#detail .main .up {
	float: right;
	width: 50%;
	margin: 0px;
		margin-bottom: 10px;
}
#detail .main .up li{
	float: right;
	font-size: 13px;
	color: #666;
	text-align: right;
	margin-left: 20px;
}
#detail .main .up li:last-child {
	margin-left: 0px;
}
#detail .main .top {
clear: both;
	overflow: hidden;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}	
#detail .main .top h1 {
font-size: 20px;
text-align: left;
line-height: 1em;
width: 100%;
float: left;
}
#detail .main .top span {
display: inline-block;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
color: #fff;
font-size: 13px;
margin-right: 10px;
}
#detail .main .top .new {
display: inline-block;
background-color: #D2400D;
}
#detail .main .top .shinchiku {
		background-color: #5A8FB6;
}
#detail .main .top .cyuko {
		background-color: #5A8FB6;
}
#detail .main .top .tochi {
	background-color: #93B368;
}
#detail .main .top .mansion {
	background-color: #E3B33C;
}
#detail .main .top .toushi {
	background-color: #996699;
}
#detail .main .top .right {
width: 50%;
float: right;
}
#detail .main .top .right li {
width: 48%;
}
#detail .main .top .right .reserve {
width: 46%;
float: left;
background-color: #C9403C;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
color: #fff;
}
#detail .main .mid {
	padding-top: 5px;
	padding-bottom: 5px;
	overflow: hidden;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
}
#detail .main .mid table {
margin: 0;
border-collapse:collapse;
width: 100%;
}
#detail .main .mid th,
#detail .main .mid td {
padding: 10px;
border: solid 1px #cccccc;
line-height: 1.5em;
text-align: center;
font-weight: normal;
vertical-align: middle;
}
#detail .main .mid th {
background-color: #eeeeee;
}
#detail .main .mid td:nth-child(2) {
text-align: left;
}
#detail .main .mid td .price {
font-size: 18px;
font-weight: bold;
}
#detail .main .mid td .loan {
font-size: 12px;
}
#detail .main .mid td .loan a {
text-decoration-line: underline;
color: #063A8C;
}
#detail .main .mid td .loan a:hover {
text-decoration-line: none;
}
#detail .main .mainImage {
	overflow: hidden;
	margin-bottom: 40px;
	position: relative;
}
#detail .main .mainImage .wrap {
	overflow: hidden;
	margin-bottom: 20px;
	position: relative;
}
#detail .main .mainImage .wrap .photo {
	width: 100%;
	height: 375px;
overflow: hidden;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px;
}

#detail .main .mainImage .wrap .photo img img {	
width:auto;
height:auto;
max-width:100%;
max-height:100%;
}
#detail .main .mainImage .wrap .photo .mask {
	display: block;
  position: absolute;
  top: 0;
  left: 0;
  	width: 100%;
	height: 375px;
  background:url(/sell/images/detail_main_mask.png);
		background-size:contain;
}
#detail .main .mainImage .wrap .right {
	float: right;
	width: 100%;
}
#detail .main .mainImage .wrap .right ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 10px;
	overflow: hidden;
}
#detail .main .mainImage .wrap .right li {
	width: 48%;
	height: 42px;
	line-height: 42px;
}
#detail .main .mainImage .wrap .right ul li a {
	display: block;
	height: 100%;
	width: 100%;
	padding-top: 0px;
	padding-bottom: 5px;
	color: #FFF;
	text-align: left;
	font-size: 16px;
	letter-spacing: 0.1em;
}


#detail .main .mainImage .wrap .right ul li .yoyaku:before {
	content: url(/images/icon_detail_yoyaku.png);
	position: relative;
	top: 2px;
	margin-top: 10px;
	margin-right: 1em;
	margin-bottom: 10px;
	margin-left: 25px;
}

#detail .main .mainImage .wrap .right ul li .demand:before {
 content: url(/images/icon_detail_mail.png);
 margin-top: 10px;
	margin-right: 1em;
	margin-bottom: 10px;
	margin-left: 25px;
 position: relative;
 top: 2px;
}


#detail .main .mainImage .wrap .right .contact {
	overflow: hidden;
	margin-bottom: 20px;
}
#detail .main .mainImage .wrap .right .contact .title {
	font-size: 16px;
	text-align: left;
margin-bottom: 10px;
	height: 30px;
}
#detail .main .mainImage .wrap .right .contact .title:before {
content: url(/images/icon_detail_tel.png);
 position: relative;
	top:8px;
margin-right: 10px;
}
#detail .main .mainImage .wrap .right .contact .call {
text-align: left;
	font-size: 12px;
	line-height: 2em;
}
#detail .main .mainImage .wrap .right .contact .call .tel {
	font-size: 30px;
	font-weight: bold;
	color: #000000;
	height: 32px;
}
#detail .main .mainImage .wrap .right .contact .call .tel:before {
content: url(/images/icon_fd.png);
 position: relative;
 top: 6px;
}
	
#detail .main .mainImage .wrap .staff {
	background-color: #f1f1f1;
	padding-left: 12px;
	padding-right: 12px;
	width: 100%;
}
#detail .main .mainImage .wrap .staff .top .point {
	text-align: left;
	background-image: url(/images/icon_detail_osusume.png);
	padding-left: 58px;
	line-height: 40px;;
	height: 40px;
	font-weight: bold;
}
#detail .main .mainImage .wrap .staff .top .point span {
	font-size: 18px;
	margin-top: 5px;
}
#detail .main .mainImage .wrap .staff .comment {
	text-align: left;
	line-height: 1.8em;
	overflow: auto;
	height: 204px;
}
#detail .main .mid .left {
	padding-top: 0px;
}
#detail .main .mainImage .wrap .staff .top {
	padding-top: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
#detail .main .mainImage .wrap .madori {
	background-color: #FFF;
	padding: 16px;
	height: 304px;
	overflow: hidden;
position: relative;
}
#detail .main .mainImage .wrap .madori img {
	position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: auto;
height: 100%;
}
#detail .main .mainImage .tensu {
	width: 100px;
	margin-right: auto;
	margin-left: auto;
	color: #fff;
	background-color: #000;
}
#detail .panorama a {
display: block;
background-color: #327CB7;
	background-image: url(/images/icon_panorama.png);
	background-repeat: no-repeat;
	background-position: 20px center;
	color: #FFF;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 30px;
 margin-top: 20px;
	margin-bottom: 20px;
	transition : all 0.3s ease 0s;
 width: 24%;
 margin-left: auto;
 margin-right: auto;
 border-radius: 4px;
}

.itemwrap {
	width: 100%;
	position: relative;
}
.itemwrap .mask a {
	height: 240px;
	width: 100%;
	background-color: rgba(0,0,0,0.85);
	font-size: 18px;
	color: #fff;
	text-align: center;
	display: block;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 100;
	line-height: 240px;
}
.itemwrap .mask a:hover {
	background-color: rgba(0,0,0,1);
	color: #FF0;
}

/*======================
サムネイルスライダー＆拡大
=======================*/
.item {
	padding-top: 20px;
	padding-bottom: 20px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

.responsive2{
/*スライダー*/
	padding-left: 10px;
}
.parent-container {
/*ポップアップ*/
}
.css_list {
	width: 27%;
	overflow: hidden;
	text-align: center;
	/*
	width: 200px;
	height: 260px;
	overflow: hidden;
	position: relative;	/* 相対位置指定 */
}
.css_list .image {
	width: 90%;
	height: 120px;
	margin-bottom: 5px;
	border: 1px solid #CCCCCC;
	box-sizing: border-box;
	overflow: hidden;
	background-color: #FFF;
}
.css_list .image img {
	width: auto;
	margin-left: auto;
	margin-right: auto;
	height: 100%;
}
.css_list p {
	width: 95%;
	font-size: 13px;
}


/*======================
周辺環境
=======================*/

#detail .location {
	margin-bottom: 40px;
}
#detail .location h2 {
font-size: 16px;
font-weight: bold;
text-align: left;
}
#detail .location h2 span {
display: inline-block;
margin-left: 50px;
}
#detail .location h2 span a {
color: #CC0033;
text-decoration-line: underline;
display: block;
}
#detail .location h2 span a:hover {
text-decoration-line:none;
}
#detail .location .gmap {
	 text-align: center;
                margin-top: 15px;
                margin-right: auto;
                margin-bottom: 20px;
                margin-left: auto;
                padding-bottom: 20px;
                display: block;
                height: 500px;
                background-color: #ECECEC;
}

#detail .location .map_mask {
	height: 420px;
	width: 100%;
	background-image: url(/images/detail_map_mask.jpg);
	background-position: 0px 0px;
	margin-bottom: 30px;
}
#detail .location .map_mask dl {
	padding: 20px;
	display: block;
}
#detail .location .map_mask dt {
	color: #FFF;
	font-size: 20px;
	border: 1px solid #FFF;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 20px;
}
#detail .location .map_mask dd {
}
#detail .location .map_mask dd p {
	font-size: 16px;
	color: #FFF;
	line-height: 1.8em;
	text-align: left;
}
#detail .location .map_mask a {
	height: 100%;
	width: 100%;
	display: block;
}

.gmap img {
	border: none;
	color: #666;
	color: #666;
}

.gmap a img {
 border: none;
 text-decoration: none;
}

#detail .pdf {
	margin-bottom: 40px;
	overflow: hidden;
}
#detail .pdf ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	position: relative;
}
#detail .pdf ul li {
 width: 30%;
	text-align: center;
}
#detail .pdf ul li a {
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 8px;
	padding-left: 10px;
	color: #1D4C9E;
	background-color: #f1f1f1;
	display: block;
}
#detail .pdf ul li a:after {
 content: url(/images/icon_pdf.png);
 margin: 10px;
 position: relative;
 top: 5px;
}
#detail .pdf ul li a:hover {
	background-color: #e6e6e6;
}

#detail .osusume-icon {
padding-top: 50px;
position: relative;
margin-bottom: 40px;
}
#detail .osusume-icon .fukidashi {
width: 118px;
position: absolute;
left :0;
top:0;
z-index: 2;
}
#detail .osusume-icon ul {
background-color: #D3E1EE;
padding-top: 20px;
padding-bottom: 10px;
padding-left: 20px;
padding-right: 20px;
justify-content:flex-start!important;
}
#detail .osusume-icon li {
width: 5%;
margin-right: 10px;
}
#detail .location .guide {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#detail .location .guide ul {
	 display:flex;
  flex-wrap: wrap;
  justify-content: space-between;
  overflow: hidden;
}
#detail .location .guide ul:before{
  content:"";
  display: block;
  width:24%;
  order:1;
}
#detail .location .guide ul:after{
  content:"";
  display: block;
  width:24%;
}
#detail .location .guide li {
	width: 24%;
	margin-bottom: 20px;
}

#detail .location .guide ul li .ph {
	width: 100%;
height: 128px;
overflow: hidden;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
#detail .location .guide ul li .ph img {
width:auto;
height:auto;
max-width:100%;
max-height:100%;
margin-bottom: 5px;
}
#detail .location .guide ul li span {
	font-size: 13px;
	margin: 0px;
	padding: 0px;
 line-height: 1.5em;
 display: block;
}

.loanbox {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 40px;
	margin-left: 0px;
}
.loanbox .example {
	margin-bottom: 10px;
	background-color: #F0F7FE;
	padding: 15px;
	overflow: hidden;
}
.loanbox .example .title {
	font-size: 16px;
	color: #2E5DA6;
	margin-bottom: 10px;
	text-decoration: none;
	text-align: left;
	float: left;
	width: 100%;
	display: block;
}
.loanbox .example .title span {
	font-size: 16px;
	color: #FFF;
	background-color: #A5B8D4;
	margin-right: 20px;
	padding-top: 5px;
	padding-right: 50px;
	padding-bottom: 5px;
	padding-left: 50px;
 display: block;
}
.loanbox .example dl {
	width: 20%;
	padding: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 2%;
	margin-bottom: 15px;
	margin-left: 0px;
}
.loanbox .example dl dt {
	color: #2E5DA6;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.loanbox .example dl dd {
	border: 3px solid #80A3D7;
	background-color: #FFF;
	padding: 10px;
	text-align: center;
	font-size: 16px;
}
.loanbox .example p {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
}
.loanbox .example .eq {
	float: left;
	width: 5%;
	padding-top: 4%;
	font-size: 17px;
}
.loanbox .example dl.end {
	width: 28%;
	margin-top: -5px;
	margin-right: 0%;
	margin-left: 0px;
	float: left;
	height: 60px;
	padding-right: 0px;
	padding-left: 0px;
}
.loanbox .example dl dd .red {
	font-size: 30px;
	font-weight: bold;
}
.loanbox .example dl .result {
	padding-top: 12px;
	padding-bottom: 12px;
	color: #2E5DA6;
	background-color: #FFFFFF;
}

#detail .loanbox .example .sub {
	text-align: center;
}
#detail .loanbox .example .calc {
clear: both;
	width: 96%;
overflow: hidden;
margin-left: auto;
margin-right: auto;
}



#detail .outline {
	margin-bottom: 40px;
}
#detail .outline h4 {
	text-align: left;
	margin-bottom: 10px;
}
#detail .outline table {
	margin: 0px;
	padding: 0px;
	border-collapse:collapse;
	width: 100%;
}
#detail .outline table tr th {
	background-color: #E6E6E6;
	margin: 0px;
	padding: 10px;
	width: 20%;
	border: 1px solid #CCC;
	line-height: 1.5em;
	text-align: left;
	font-weight: normal;
}
#detail .outline table tr td {
	margin: 0px;
	padding: 10px;
	border: 1px solid #CCC;
	line-height: 1.5em;
	text-align: left;
	color: #555555;
}
#detail .outline table tr td.herf {
	width: 42.5%!important;
}
#detail .outline table tr .herf p {
	padding-top: 16px;
}
#detail .outline .summary table tr td img {
	height: 40px;
	width: 40px;
}
#detail .cv {
	background-image: url(/images/detail_cv_bk_pd.png);
	background-repeat: no-repeat;
 background-size: 100%;
	overflow: hidden;
	position: relative;
	margin-bottom: 40px;
	border: 1px solid #CCCCCC;
 background-color: #F5F0F0;
 padding-bottom: 50px;
}
#detail .cv ul {
	width: 96%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	position: relative;
	margin-top: 70px;
	border-width: medium;
 margin-left: auto;
 margin-right: auto;
}
#detail .cv li {
	height: 52px;
	line-height: 52px;
	font-size: 18px;
}
#detail .cv li:first-child,
#detail .cv li:nth-child(2) {
	flex-basis: 27%;
}
#detail .cv li:first-child a,
#detail .cv li:nth-child(2) a {
 	color: #FFF;
}
#detail .cv li:last-child {
	flex-basis: 40%;
 	color: #000;
}
#detail .cv li span {
font-size: 14px;
line-height: 1.5em;
display: block;
}
#detail .cv li .kengaku {
color: #4C71AA;
}
#detail .cv li .siryou {
color: #C63012;
}
#detail .cv li .fd {
color: #000;
}
	#detail .cv li .fd:before {
	content: url(/images/icon_detail_tel.png);
	position: relative;
	top: 10px;
	margin-top: 15px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
}
#detail .cv li a {
	display: block;
	height: 100%;
	width: 100%;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: left;
	border-radius: 4px;

}
#detail .cv li .yoyaku:before {
	content: url(/images/icon_detail_yoyaku.png);
	position: relative;
	top: 3px;
	margin-top: 15px;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-left: 20px;
}
#detail .cv li .demand:before {
 content: url(/images/icon_detail_mail.png);
 position: relative;
	top: 5px;
	margin-top: 15px;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-left: 20px;
}
#detail .cv li .tel {
font-size: 24px;
font-weight: bold;
line-height: 1.8em;
display: inline-block;
background-image: url(/images/icon_fd.png);
background-position: left 10px;
background-repeat: no-repeat;
background-size: 15%;
padding-left: 44px;
}


.memberbox .wrap {
background-color: #efefef ;
padding-bottom: 30px;
padding-top: 40px;
background-image: url(/images/member_bg1.png), url(/images/member_bg2.png);
	background-position: left 20px bottom ,  right 20px bottom;
background-repeat: no-repeat, no-repeat;
}

#detail .toplist h2 {
font-size: 16px;
font-weight: bold;
text-align: left;
margin-bottom: 10px;
}




}

/*
==========================================================
スマホ設定
==========================================================
*/

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

#topImage {
background-image: url("/images/topImage_bukken.jpg");
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 100px;
padding-top: 70px;
}

#detail {
position: relative;
}
#detail .main .up {
	margin: 0px;
		margin-bottom: 10px;
}
#detail .main .up li{
	float: right;
	font-size: 12px;
	color: #666;
	text-align: right;
}
#detail .main .up li:last-child {
	margin-left: 0px;
}
#detail .main .top {
clear: both;
	overflow: hidden;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}	
#detail .main .top h1 {
font-size: 20px;
text-align: left;
line-height: 1.8em;
width: 100%;
float: left;
margin-bottom: 10px;
}
#detail .main .top span {
display: inline-block;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
color: #fff;
font-size: 12px;
margin-right: 10px;
line-height: 1.2em
}
#detail .main .top span::after {
  content: "\A";
  white-space: pre;
}
#detail .main .top .new {
display: inline-block;
background-color: #D2400D;
}
#detail .main .top .shinchiku {
		background-color: #5A8FB6;
}
#detail .main .top .cyuko {
		background-color: #5A8FB6;
}
#detail .main .top .tochi {
	background-color: #93B368;
}
#detail .main .top .mansion {
	background-color: #E3B33C;
}
#detail .main .top .toushi {
	background-color: #996699;
}
#detail .main .top .right {
width: 100%;

}
#detail .main .top .right li {
width: 48%;
}
#detail .main .top .right .reserve {
width: 100%;
float: left;
background-color: #C9403C;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
color: #fff;
}
#detail .main .mid {
	padding-top: 5px;
	padding-bottom: 5px;
	overflow: hidden;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
}
#detail .main .mid table {
margin: 0;
border-collapse:collapse;
width: 100%;
}
#detail .main .mid table tr {
display: block;
float: left;
}
#detail .main .mid th, 
#detail .main .mid td {
    border-left: none;
    display: block;
    height: 80px;
    font-size: 15px;
  }
#detail .main .mid th {
background-color: #eeeeee;
border: solid 1px #ccc;
color: #000;
padding: 10px;
}
#detail .main .mid td {
border: solid 1px #ccc;
color: #000;
padding: 10px;
text-align: left;
}
#detail .main .mid thead {
    display: block;
    float: left;
    width: 30%;
  }
#detail .main .mid thead tr {
    width: 100%;
  }
#detail .main .mid tbody {
    display: block;
    float: left;
    width: 70%;
  }
#detail .main .mid tbody tr {
    width: 100%;
  }
#detail .main .mid tr td + td {
    border-left: none;
  }
#detail .main .mid tbody td:last-child {
    border-bottom: solid 1px #ccc;
  }
#detail .main .mid td .price {
font-size: 18px;
font-weight: bold;
}
#detail .main .mid td .loan {
font-size: 12px;
}
#detail .main .mid td .loan a {
text-decoration-line: underline;
color: #063A8C;
}
#detail .main .mid td .loan a:hover {
text-decoration-line: none;
}
#detail .main .mainImage {
	overflow: hidden;
	margin-bottom: 40px;
	position: relative;
}
#detail .main .mainImage .wrap {
	overflow: hidden;
	margin-bottom: 20px;
	position: relative;
}
#detail .main .mainImage .wrap .photo {
	width: 100%;
	height: auto;
overflow: hidden;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px;
}
#detail .main .mainImage .wrap .photo img img {	
width:auto;
height:auto;
max-width:100%;
max-height:100%;
}
#detail .main .mainImage .wrap .right {
	width: 100%;
}

#detail .main .mainImage .wrap .right ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 20px;
	overflow: hidden;
}
#detail .main .mainImage .wrap .right li {
	width: 48%;
	height: 42px;
	line-height: 42px;
}
#detail .main .mainImage .wrap .right ul li a {
	font-size: 16px;
}

#detail .main .mainImage .wrap .right ul li .yoyaku:before {
	content: url(/images/icon_detail_yoyaku.png);
	position: relative;
	top: 2px;
	margin-top: 10px;
	margin-right: 1em;
	margin-bottom: 10px;

}

#detail .main .mainImage .wrap .right ul li .demand:before {
 content: url(/images/icon_detail_mail.png);
 margin-top: 10px;
	margin-right: 1em;
	margin-bottom: 10px;

 position: relative;
 top: 2px;
}


#detail .main .mainImage .wrap .right .contact {
	overflow: hidden;
	margin-bottom: 20px;
}
#detail .main .mainImage .wrap .right .contact .title {
	font-size: 16px;
	text-align: left;
margin-bottom: 10px;
	height: 40px;
	margin-left: 9%;
}
#detail .main .mainImage .wrap .right .contact .title:before {
content: url(/images/icon_detail_tel.png);
 position: relative;
	top:8px;
margin-right: 10px;
}
#detail .main .mainImage .wrap .right .contact .call {
text-align: center;
	font-size: 12px;
	line-height: 2em;
}
#detail .main .mainImage .wrap .right .contact .call .tel {
	font-size: 30px;
	font-weight: bold;
	color: #000000;
	height: 32px;
}
#detail .main .mainImage .wrap .right .contact .call .tel:before {
content: url(/images/icon_fd.png);
 position: relative;
 top: 6px;
}
	
#detail .main .mainImage .wrap .staff {
	background-color: #f1f1f1;
	height: 295px;
	padding-left: 12px;
	padding-right: 12px;
width: 100%;
}
#detail .main .mainImage .wrap .staff .top .point {
	text-align: left;
	background-image: url(/images/icon_detail_osusume.png);
	padding-left: 58px;
	line-height: 40px;;
	height: 40px;
	font-weight: bold;
}
#detail .main .mainImage .wrap .staff .top .point span {
	font-size: 18px;
	margin-top: 5px;
}
#detail .main .mainImage .wrap .staff .comment {
	text-align: left;
	line-height: 1.8em;
	overflow: auto;
	height: 204px;
}
#detail .main .mid .left {
	padding-top: 0px;
}
#detail .main .mainImage .wrap .staff .top {
	padding-top: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
#detail .main .mainImage .wrap .madori {
	background-color: #FFF;
	padding: 16px;
	height: 304px;
	overflow: hidden;
position: relative;
}
#detail .main .mainImage .wrap .madori img {
	position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: auto;
height: 100%;
}
#detail .main .mainImage .tensu {
	width: 100px;
	margin-right: auto;
	margin-left: auto;
	color: #fff;
	background-color: #000;
}
#detail .panorama a {
display: block;
background-color: #327CB7;
	background-image: url(/images/icon_panorama.png);
	background-repeat: no-repeat;
	background-position: 20px center;
	color: #FFF;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 30px;
 margin-top: 20px;
	margin-bottom: 20px;
	transition : all 0.3s ease 0s;
 width: 80%;
 margin-left: auto;
 margin-right: auto;
 border-radius: 4px;
}

.itemwrap {
	width: 100%;
	position: relative;
}
.itemwrap .mask a {
	height: 240px;
	width: 100%;
	background-color: rgba(0,0,0,0.85);
	font-size: 18px;
	color: #fff;
	text-align: center;
	display: block;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 100;
	line-height: 240px;
}
.itemwrap .mask a:hover {
	background-color: rgba(0,0,0,1);
	color: #FF0;
}

/*======================
サムネイルスライダー＆拡大
=======================*/
.item {
	padding-top: 20px;
	padding-bottom: 20px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

.responsive2{
/*スライダー*/
	padding-left: 10px;
}
.parent-container {
/*ポップアップ*/
}
.css_list {
	width: 27%;
	overflow: hidden;
	text-align: center;
	/*
	width: 200px;
	height: 260px;
	overflow: hidden;
	position: relative;	/* 相対位置指定 */
}
.css_list .image {
	width: 90%;
	height: 165px;
	margin-bottom: 5px;
	border: 1px solid #CCCCCC;
	box-sizing: border-box;
	overflow: hidden;
	background-color: #FFF;
	margin-left: 10px;
}
.css_list .image img {
	width: auto;
	margin-left: auto;
	margin-right: auto;
	height: 100%;
}
.css_list p {
	width: 95%;
	font-size: 13px;
}


/*======================
周辺環境
=======================*/

#detail .location {
	margin-bottom: 40px;
}
#detail .location h2 {
font-size: 16px;
font-weight: bold;
text-align: left;
margin-bottom: 10px;
}
#detail .location h2 span {
display: inline-block;
line-height: 1.5em;
text-align: left;
margin-top: 10px;
}
#detail .location h2 span a {
color: #CC0033;
text-decoration-line: underline;
display: block;
}
#detail .location h2 span a:hover {
text-decoration-line:none;
}
#detail .location .gmap {
	 text-align: center;
                margin-top: 15px;
                margin-right: auto;
                margin-bottom: 20px;
                margin-left: auto;
                padding-bottom: 20px;
                display: block;
                height: 500px;
                background-color: #ECECEC;
}

#detail .location .map_mask {
	height: 550px;
	width: 1200px;
	background-image: url(/images/detail_map_mask.jpg);
	background-position: 0px 0px;
	margin-bottom: 30px;
}
#detail .location .map_mask dl {
	padding: 20px;
	display: block;
}
#detail .location .map_mask dt {
	color: #FFF;
	font-size: 20px;
	border: 1px solid #FFF;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 20px;
}
#detail .location .map_mask dd {
}
#detail .location .map_mask dd p {
	font-size: 16px;
	color: #FFF;
	line-height: 1.8em;
	text-align: left;
}
#detail .location .map_mask a {
	height: 100%;
	width: 100%;
	display: block;
}

.gmap img {
	border: none;
	color: #666;
	color: #666;
}

.gmap a img {
 border: none;
 text-decoration: none;
}

#detail .pdf {
	margin-bottom: 40px;
	overflow: hidden;
}
#detail .pdf ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	position: relative;
}
#detail .pdf ul li {
 width: 30%;
	text-align: center;
}
#detail .pdf ul li a {
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 8px;
	padding-left: 10px;
	color: #1D4C9E;
	background-color: #f1f1f1;
	display: block;
}
#detail .pdf ul li a:after {
 content: url(/images/icon_pdf.png);
 margin: 10px;
 position: relative;
 top: 5px;
}
#detail .pdf ul li a:hover {
	background-color: #e6e6e6;
}

#detail .osusume-icon {
padding-top: 50px;
position: relative;
margin-bottom: 40px;
}
#detail .osusume-icon .fukidashi {
width: 100px;
position: absolute;
left :0;
top:0;
z-index: 2;
}
#detail .osusume-icon ul {
background-color: #D3E1EE;
padding-top: 20px;
padding-bottom: 10px;
padding-left: 20px;
padding-right: 20px;
justify-content:flex-start!important;
}
#detail .osusume-icon li {
width: 12%;
margin-bottom: 10px;
margin-right: 10px;
}
#detail .location .guide {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#detail .location .guide ul {
	 display:flex;
  flex-wrap: wrap;
  justify-content: space-between;
  overflow: hidden;
}
#detail .location .guide ul:before{
  content:"";
  display: block;
  width:46%;
  order:1;
}
#detail .location .guide ul:after{
  content:"";
  display: block;
  width:46%;
}
#detail .location .guide li {
	width: 46%;
	margin-bottom: 20px;
}

#detail .location .guide ul li .ph {
	width: 100%;
height: 100px;
overflow: hidden;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
#detail .location .guide ul li .ph img {
width:auto;
height:auto;
max-width:100%;
max-height:100%;
margin-bottom: 5px;
}
#detail .location .guide ul li span {
	font-size: 13px;
	margin: 0px;
	padding: 0px;
 display: block;
 line-height: 1.5em;
}
#detail .location p {
text-align: left;
}
#loan h2 {
font-size: 16px;
font-weight: bold;
text-align: left;
margin-bottom: 10px;
}
.loanbox {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 40px;
	margin-left: 0px;
}
.loanbox .example {
	margin-bottom: 10px;
	background-color: #F0F7FE;
	padding: 15px;
	overflow: hidden;
}
.loanbox .example .title {
	font-size: 16px;
	color: #2E5DA6;
	margin-bottom: 10px;
	text-decoration: none;
	text-align: center;
	float: left;
	width: 100%;
	display: block;
}
.loanbox .example .title span {
	font-size: 16px;
	color: #FFF;
	background-color: #A5B8D4;
	margin-right: 20px;
	padding-top: 5px;
	padding-right: 50px;
	padding-bottom: 5px;
	padding-left: 50px;
	display: block;
}
.loanbox .example dl {
	width: 100%;
	padding: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 2%;
	margin-bottom: 15px;
	margin-left: 0px;
}
.loanbox .example dl dt {
	color: #2E5DA6;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.loanbox .example dl dd {
	border: 3px solid #80A3D7;
	background-color: #FFF;
	padding: 10px;
	text-align: center;
	font-size: 18px;
}
.loanbox .example p {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
}
.loanbox .example .eq {
	float: left;
	width: 5%;
transform: rotate(90deg);
	font-size: 20px;
	margin-left: 50%;
}
.loanbox .example dl.end {
	margin-right: 0%;
	margin-left: 0px;
	height: 80px;
	padding-right: 0px;
	padding-left: 0px;
}
.loanbox .example dl dd .red {
	font-size: 30px;
	font-weight: bold;
}
.loanbox .example dl .result {
	padding-top: 12px;
	padding-bottom: 12px;
	color: #2E5DA6;
	background-color: #FFFFFF;
}

#detail .loanbox .example .sub {
	text-align: center;
}
#detail .loanbox .example .calc {
clear: both;
	width: 96%;
overflow: hidden;
margin-left: auto;
margin-right: auto;
}



#detail .outline {
	margin-bottom: 40px;
 font-size: 14px;
}
.outline h2 {
font-size: 16px;
font-weight: bold;
text-align: left;
margin-bottom: 10px;
}
#detail .outline h4 {
	text-align: left;
	margin-bottom: 10px;
}
#detail .outline table {
	margin: 0px;
	padding: 0px;
	border-collapse:collapse;
	width: 100%;
}
#detail .outline table tr th {
	background-color: #E6E6E6;
	margin: 0px;
	padding: 10px;
	width: 20%;
	border: 1px solid #CCC;
	line-height: 1.5em;
	text-align: left;
	font-weight: normal;
}
#detail .outline table tr td {
	margin: 0px;
	padding: 10px;
	border: 1px solid #CCC;
	line-height: 1.5em;
	text-align: left;
	color: #555555;
}
#detail .outline table tr td.herf {
	width: 42.5%!important;
}
#detail .outline table tr .herf p {
	padding-top: 16px;
}
#detail .outline .summary table tr td img {
	height: 40px;
	width: 40px;
}
#detail .cv {
	background-image: url(/images/detail_cv_bk.png);
	background-repeat: no-repeat;
 background-position: top 10px center;
 background-size: 90%;
 padding: 16px;
	overflow: hidden;
	position: relative;
	margin-bottom: 40px;
	border: 1px solid #CCCCCC;
 background-color: #F5F0F0;
 }
#detail .cv ul {
	width: 90%;
	position: relative;
	margin-top: 90px;
 margin-left: auto;
 margin-right: auto;
 padding-bottom: 20px;
}
#detail .cv li {
	height: 46px;
	line-height: 46px;
	font-size: 18px;
 width: 46%;
 margin-bottom: 20px;
}
#detail .cv li:last-child {
 width: 100%;
}

#detail .cv li .fd {
color: #000;
}
	#detail .cv li .fd:before {
	content: url(/images/icon_detail_tel.png);
	position: relative;
	top: 10px;
	margin-top: 15px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
}
#detail .cv li a {
	display: block;
	height: 100%;
	width: 100%;
	padding-top: 0px;
	padding-bottom: 0px;
	color: #FFF;
	border-radius: 4px;
}
#detail .cv li .yoyaku,
#detail .cv li .demand {
padding-right: 10px;
}
#detail .cv li .yoyaku:before {
	content: url(/images/icon_detail_yoyaku.png);
	position: relative;
	top: 3px;
	margin-top: 15px;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-left: 20px;
}
#detail .cv li .demand:before {
 content: url(/images/icon_detail_mail.png);
 position: relative;
	top: 5px;
	margin-top: 15px;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-left: 20px;
}

#detail .cv li .tel a {
font-size: 28px;
color: #000000;
font-weight: bold;
line-height: 1.8em;
text-align: center;
	margin-left: 10px;
}
#detail .cv li .tel a:before {
content: url(/images/icon_fd.png);
 position: relative;
	top: 5px;
 left: 0px;
}

.memberbox .wrap {
background-color: #efefef ;
padding-bottom: 30px;
padding-top: 40px;
background-image: url(/images/member_bg1.png), url(/images/member_bg2.png);
	background-position: left 20px bottom ,  right 20px bottom;
background-repeat: no-repeat, no-repeat;
}

#detail .toplist h2 {
font-size: 16px;
font-weight: bold;
text-align: left;
margin-bottom: 10px;
}

}

.request a {
width: 100%;
margin-top: 40px;
margin-bottom: 40px;
display: block;
}

.request a:hover {
  opacity: 1;
  -webkit-animation-duration: 1s;
  -webkit-animation-name: flash;
  animation-duration: 1s;
  animation-name: flash;
}
@-webkit-keyframes flash {
  0% {
    opacity: .4;
  }
  100% {
    opacity: 1;
  }
}
@keyframes flash {
  0% {
    opacity: .4;
  }
  100% {
    opacity: 1;
  }
}