@charset 'utf-8';
/* searchdetail_style
///////////////////////////////////////////////////////////////////*/
#breadcrumb{margin-top:30px;}
#title{
	padding: 0 16px;
	background: #306600 none repeat scroll 0 0;
	color: #fff;
	line-height: 1;
	position: relative;
}
.sapoie_body #title{
	background: #FF8022 none repeat scroll 0 0;
}
#title.bukk_detail_title {
	display:table;
	width:100%;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.h2{font-size: 22px;}
.h2 img {vertical-align: middle;}
#title.bukk_detail_title > * {
	display:table-cell;
	vertical-align:middle;
}
#title.bukk_detail_title > h2 {
	height:52px;
}
#title.bukk_detail_title > h2.title-welcom-text {
	color: #f9b5c8;
    text-shadow: 1px 1px 0 #ffffff, -1px 1px 0 #ffffff, 1px -1px 0 #ffffff, -1px -1px 0 #ffffff, 1px 0px 0 #ffffff, 0px 1px 0 #ffffff, -1px 0px 0 #ffffff, 0px -1px 0 #ffffff;
}
#title.bukk_detail_title > h2 > * {
	display:table-cell;
	vertical-align:middle;
}
#title.bukk_detail_title > h2 > .bukksyu {
	white-space:nowrap;
	padding-right:10px;
}
#title.bukk_detail_title .title_contact_link {
	text-align: right;
}
#title.bukk_detail_title .title_contact_link a {
	border: 1px solid #fff;
	padding: 5px 10px;
	color: #fff;
	text-align: right;
	white-space: nowrap;
	border-radius: 3px;
}
#title.bukk_detail_title .title_contact_link i.fa {
	margin-right: .5rem;
}
#share_btn {
	float:right;
}
#share_btn ul {
	display:table-cell;
	vertical-align:middle;
	height:40px;
}
#share_btn li {
	float:left;
}
#share_btn li + li {
	margin-left:10px;
}
.fb_iframe_widget > span {
  vertical-align: baseline !important;
}
.h3 {
	font-size: 1.4em;
	position: relative;
	margin-bottom: 10px;
	border-bottom: 4px solid #ccc;
	font-weight:normal;
}
.h3::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 4px;
	background-color: #306600;
}
.sapoie_body .h3::after {
	background-color: #FF8022;
}
.dsyubetu{
	font-size: 14px;
	vertical-align: middle;
	border: 1px solid #fff;
	padding: 2px 8px 1px;
}
* + .dsyubetu {
	margin-left: 10px;
}
#oowaku{
	margin-bottom: 30px;
	border-radius: 4px 4px 0 0;
	overflow:hidden;
}
.tatename {
	margin-left: 5px;
}
.kabu{
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: #306600;
	border-image: none;
	border-style: none solid solid;
	border-width: 0 1px 1px;
}
.sapoie_body .kabu{
	border-color: #FF8022;
}
.syowaku{
	padding: 15px 15px 10px;
}
.syowaku .w2 li img {
	max-height: 200px;
}
.syowaku_list li {
	margin-bottom:5px;
	width: 170px;
}
.syowaku_list li:first-child {
	margin-bottom:10px;
}
.bukk_mail {
	font-size:13px;
	text-decoration:underline;
}
.bukk_mail a {
	color: #0000ee;
}
.bukk_mail i.fa {
	margin-right:.5em;
}
.opoint{
	display: table;
	margin : 10px 0 5px;
}
.opoint > dt,.opoint > dd {display: table-cell;}
.opoint > dd {
	padding: 0 15px;
	vertical-align: middle;
}
.optle {
	position: relative;
	display: inline-block;
	padding: 0 15px;
	width: 8em;
	min-width: 110px;
	height: 40px;
	color: #333;
	text-align: center;
	background: #f8d700;
	z-index: 0;
	vertical-align: middle;
	font-size: 13px;
	font-weight: bold;
}
.optle:after {
	content: "";
	position: absolute;
	top: 50%; right: -10px;
	margin-top: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 0 10px 10px;
	border-color: transparent transparent transparent #f8d700;
}
.opoint.opoint_toiawase_tel .optle {
	color: #fff;
	background: #336600;
}
.opoint.opoint_toiawase_tel .optle:after {
	border-color: transparent transparent transparent #336600;
}
.sapoie_body .opoint.opoint_toiawase_tel .optle {
	background: #FF8022;
}
.sapoie_body .opoint.opoint_toiawase_tel .optle:after {
	border-color: transparent transparent transparent #FF8022;
}
.dtable .cell2 span.list_shinchiku {
	background-color: #ed1b24;
	color: #fff;
	font-weight: bold;
	padding: 1px 0.75em;
	font-size: 1em;
}
.w2{width:20%;}
.w8{width:80%;}
.mb10{margin-bottom:10px;}
.dtable{
	display: table;
	width: 100%;
	border-bottom: 1px dotted #bce29b;
}
.sapoie_body .dtable{
	border-bottom: 1px dotted #cccccc;
}
.gaiyou{
	border-top: 1px dotted #bce29b;
}
.sapoie_body .gaiyou{
	border-top: 1px dotted #cccccc;
}
.dtable > dt,.dtable > dd {
	display: table-cell;
}
.dtable > dt{
	width: 8em;
	background: #e7fbd6 none repeat scroll 0 0;
	font-weight: bold;
	padding: 0.75em 1em;
	word-break: break-all;
}
.sapoie_body .dtable > dt{
	background: #fff2e8 none repeat scroll 0 0;
}
.dtable > dd{
	padding: 0.75em 1em;
}
.dtable .cell2{
	width: 14em;
}
.dtable .cell2 span{
	font-size: 1.5em;
	line-height: 1;
}
.nakami{
	border-bottom: 1px dotted #ccc;
	margin-bottom: 15px;
	padding-bottom: 15px;
}
.detail_toi {
	background: #f3f3ea none repeat scroll 0 0;
	border-radius: 5px;
	padding: 10px 20px 15px;
	text-align: center;
	margin-bottom: 30px;
}
.btna {
	display: inline-block;
	width: 270px;
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
}
.btna::before,
.btna::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.btna,
.btna::before,
.btna::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.btna {
	border: 1px solid #306600;
	background-color: #306600;
	background-image: -webkit-linear-gradient(top, #499308, #306600);
	background-image: linear-gradient(to bottom, #499308, #306600);
	border-radius: 4px;
	color: #fff;
	line-height: 50px;
	-webkit-transition: none;
	transition: none;
	text-shadow: -1px -1px 0px rgba(0, 0, 0, .3);
	vertical-align: text-top;
	font-size: 1.3em;
	font-weight: bold;
}
.sapoie_body .btna {
	border: 1px solid #FF8022;
	background-color: #FF8022;
	background-image: -webkit-linear-gradient(top, #FF8832, #FF8022);
	background-image: linear-gradient(to bottom, #FF8832, #FF8022);
}
.btna.kushitsu_btn {
	border: 1px solid #d12a00;
	background-color: #ff3300;
	background-image: -webkit-linear-gradient(top, #ff3300, #d12a00);
	background-image: linear-gradient(to bottom, #ff3300, #d12a00);
	line-height:1.3;
	display:table;
	margin:0 auto;
}
.btna.kushitsu_btn > span {
	display:table-cell;
	vertical-align:middle;
	height:66px;
}
.btna.kushitsu_btn > span small {
	display:block;
	font-size:14px;
	font-weight:normal;
	text-shadow:none;
}
.btna.tel_btn {
	border: 1px solid #003a66;
	background-color: #003a66;
	background-image: -webkit-linear-gradient(top, #005799, #003a66);
	background-image: linear-gradient(to bottom, #005799, #003a66);
	display:table;
	margin:0 auto;
}
.btna:hover {
	border: 1px solid #4d9012;
	background-color: #4d9012;
	background-image: -webkit-linear-gradient(top, #68b126, #4d9012);
	background-image: linear-gradient(to bottom, #68b126, #4d9012);
}
.btna.kushitsu_btn:hover {
	border: 1px solid #ff4b1f;
	background-color: #ff4b1f;
	background-image: -webkit-linear-gradient(top, #ff6038, #ff4b1f);
	background-image: linear-gradient(to bottom, #ff6038, #ff4b1f);
}
.btna.tel_btn:hover {
	border: 1px solid #11588f;
	background-color: #11588f;
	background-image: -webkit-linear-gradient(top, #1778c2, #11588f);
	background-image: linear-gradient(to bottom, #1778c2, #11588f);
}
.btna:active {
	background: #1a92c2;
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .2);
	color: #1679a1;
	text-shadow: 0 1px 1px rgba(255, 255, 255, .5);
}
.btnul{
	display: inline-block;
	width:600px;
}
.btnul .btna {
	width:295px;
}
.detail_toi > p {
	font-size: 1.4em;
	font-weight: bold;
	padding: 10px;
	text-align: center;
}
.detail_toi > p:first-child {
	padding-bottom:0;
}
i.fa-envelope ,i.fa-phone {
	font-size: 1.2em;
	vertical-align: middle;
}
.okiniibtn,.okinidelbtn {
	display: inline-block;
	width: 170px;
	height: 40px;
	text-align: center;
	text-decoration: none;
	line-height: -moz-block-height;
	line-height: 38px;
	outline: none;
}
.okiniibtn::before,.okinidelbtn::before,.mailfrmbtn::before,
.okiniibtn::after,.okinidelbtn::after,.mailfrmbtn::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.okiniibtn,.okinidelbtn,.mailfrmbtn,
.okiniibtn::before,.okinidelbtn::before,.mailfrmbtn::before,
.okiniibtn::after,.okinidelbtn::after,.mailfrmbtn::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.okiniibtn,.okinidelbtn,.mailfrmbtn {
	background-color: #306600;
	border: 2px solid #306600;
	color: #fff;
}
.okiniibtn:hover,.okinidelbtn:hover,.mailfrmbtn:hover {
	background-color: #fff;
	border-color: #306600;
	color: #306600;
	text-decoration: none;
}
.okinidelbtn{
	background-color: #fff;
	border-color: #306600;
	color: #306600;
	text-decoration: none;
}
.okinidelbtn:hover{
	background-color: #306600;
	border: 2px solid #306600;
	color: #fff;
}
.sapoie_body .okiniibtn,
.sapoie_body .okinidelbtn,.mailfrmbtn {
	background-color: #FF8022;
	border: 2px solid #FF8022;
	color: #fff;
}
.sapoie_body .okiniibtn:hover,
.sapoie_body .okinidelbtn:hover,
.sapoie_body .mailfrmbtn:hover {
	background-color: #fff;
	border-color: #FF8022;
	color: #FF8022;
	text-decoration: none;
}
.sapoie_body .okinidelbtn{
	background-color: #fff;
	border-color: #FF8022;
	color: #FF8022;
	text-decoration: none;
}
.sapoie_body .okinidelbtn:hover{
	background-color: #FF8022;
	border: 2px solid #FF8022;
	color: #fff;
}
#detail_img{margin-bottom:30px;}
#detail_img span {font-size: 14px;}
#detail_movie{margin-bottom:30px;}
#detail_movie > h3 {
	margin-bottom: 30px;
}
#detail_movie > div > * {
	float:left;
}
#detail_movie > div > .movie_main {
	width:650px;
}
#detail_movie > div > #movie_thumbs {
	width:350px;
	padding-left:62px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#detail_movie > div > #movie_thumbs > li {
	float:left;
	width:136px;
	position:relative;
}
#detail_movie > div > #movie_thumbs > li > div {
	position: relative;
	display: table;
	width: 100%;
	background: #ccc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#detail_movie > div > #movie_thumbs > li > div > div {
	display:table-cell;
	vertical-align:middle;
	height: 76px;
	text-align: center;
}
#detail_movie > div > #movie_thumbs > li:nth-child(2n) {
	margin-left:16px;
}
#detail_movie > div > #movie_thumbs > li:nth-child(n+3) {
	margin-top:16px;
}
#detail_movie > div > #movie_thumbs > li a {
	display:block;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	text-align:center;
}
#detail_movie > div > #movie_thumbs > li a:hover {
	background-color:rgba(255,255,255,0.5);
}
#detail_movie > div > #movie_thumbs > li.active a,
#detail_movie > div > #movie_thumbs > li.active a:hover {
	background-color:rgba(0,0,0,0.5);
	cursor: default;
}
#detail_movie > div > #movie_thumbs > li.active a i.fa:before {
	color:#fff;
	content:"\f01d";
	font-size:50px;
	line-height:76px;
}
#detail_movie > div > #movie_thumbs > li img {
	max-width:100%;
	max-height:76px;
}
#movie_thumbs .no_thumb {
	display:block;
	height:76px;
	text-align:center;
	background-color:#ccc;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	padding-top:12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#movie_thumbs .no_thumb i {
	font-size:30px;
}
#movie_thumbs > li > p {
	margin-top:5px;
	font-size: 12px;
	line-height:1.3;
}
.detail_tb{
	width:60%;
	float:left;
	margin:10px 0 0;
}
.detail_tb table{
	border: 1px solid #d8d8d8;
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 8px;
}
.detail_tb table th {
	background-color: #e7fbd6;
	border: 1px solid #bce29b;
	color: #333333;
	font-size: 0.9em;
	font-weight: normal;
	padding: 5px 7px;
	text-align: center;
	width: 20%;
}
.sapoie_body .detail_tb table th {
	background-color: #fff2e8;
	border: 1px solid #cccccc;
}
.detail_tb table td {
	border: 1px solid #bce29b;
	padding: 5px;
	text-align: left;
}
.sapoie_body .detail_tb table td {
	border: 1px solid #cccccc;
}
.detail_tb table tbody tr td:nth-child(4) {
	width: 30%;
}
.detail_tizu{
	float:right;
	width: 38%;
	margin-top:5px;
}
.tyusyaku{
	font-size:12px;
	line-height: 1.3;
}
.tyusyaku li + li {
	margin-top:.5em;
}
.detail_shop{
	border: 1px solid #ccc;
	margin-bottom: 10px;
	padding: 15px;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.detail_similar,.detail_rireki{
	border: 1px solid #ccc;
	margin-bottom: 10px;
	padding: 15px 35px;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#bukk_setsubi li {
	float:left;
	width:24.25%;
	margin-right:1%;
	display:table;
}
#bukk_setsubi li:nth-child(4n) {
	margin-right:0;
}
#bukk_setsubi li:nth-child(n+5) {
	margin-top:1%;
}
#bukk_setsubi li > span {
	display:table-cell;
	vertical-align:middle;
	height:31px;
	line-height:1.2;
	font-size:10.5px;
	text-align:center;
	background-color:#e7fbd6;
	padding:2px 13px 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.sapoie_body #bukk_setsubi li > span {
	background-color:#fff2e8;
}
#qrcode {
	display:table;
	width:100%;
	margin-top:20px;
	padding:7px 10px 7px 20px;
	background-color:#f3f3ea;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#qrcode > * {
	display:table-cell;
	vertical-align:middle;
}
#qrcode dt > * {
	display:table-cell;
	vertical-align:middle;
}
#qrcode dt > i {
	font-size:36px;
	padding-right:10px;
}
#qrcode dt > span {
	font-size:14px;
}
#qrcode dt > i > span {
	font-size:14px;
	font-family: "メイリオ","ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
}
#qrcode dd {
	text-align:right;
}
.shopimg{
	float:left;
	box-sizing: border-box;
	padding-right: 10px;
	width: 20%;
	text-align: center;
}
.shopimg img{
	max-width:180px;
	height:auto;
}
.shopinfo{
	border: 1px solid #bdc8ca;
	width: 80%;
}
.shopinfo th, .shopinfo td {
	border-bottom: 1px solid #bdc8ca;
	line-height: 1.3;
	padding: 8px;
	vertical-align: top;
}
.detail_shop .shopinfo th {
	border-right: 1px dotted #bdc8ca;
	width: 15%;
	background-color: #f7fafa;
	color: #425258;
	font-weight: normal;
	text-align: center;
}
.detail_shop .shopinfo td {
	border-right: 1px solid #bdc8ca;
	width: 35%;
	text-align: left;
}
.detail_similar .slick-prev::before, .slick-next::before,.detail_rireki .slick-prev::before, .slick-next::before{
	color: #306600;
}
.sapoie_body .detail_similar .slick-prev::before,
.sapoie_body .slick-next::before,
.sapoie_body .detail_rireki .slick-prev::before,
.sapoie_body .slick-next::before{
	color: #FF8022;
}
.shop_tel{
	background-color: #f2f0e3;
	margin-top: 10px;
	padding: 10px 20px 13px;
	position: relative;
}
.spleft > p {
	font-size: 25px;
	font-weight: bold;
}
.spleft li {
	line-height: 1.4;
}
.bd{font-weight:bold;}
.ruijili{
	float: left;
	margin: 0px 5px;
	padding: 5px 10px;
	width: 180px;
	box-sizing:border-box;
	border: 1px solid #d8d8d8;
}
.ruijihd {
	font-size: 12px;
}
.ruijitxt > p {
	line-height: 1.5em;
}
.ruijitxt  div.ruijitle {
	width:160px;
}
.ruijitxt  div.ruijitle div{
	width:130px;
	float:left;
}
.ruijitxt  div.ruijitle img{
	max-width:20px;
	height:auto;
	float:left;
	margin:4px 6px 0px 0px;
}
.ruijiph {
	text-align: center;
	margin-bottom:5px;
}
.ruijili > a:hover {
	opacity: 0.6;
	color:#333;
}
.spleft{
	float: left;
	width: 45%;
}
.spright{
	float: right;
	width: 55%;
}
.teikyo_ap {
	border: 1px solid;
	color: #013b96;
	float: right;
	font-size: 9px;
	padding: 2px 5px;
}
.stafimg {
	box-sizing: border-box;
	padding-top: 8px;
	float: left;
	text-align: center;
	width: 20%;
}
.stafimg > img {
	width: auto;
	max-width:102px !important;
	max-height:80px !important;"
}
.stafcome {
	box-sizing: border-box;
	padding: 5px 10px;
	float: right;
	width: 80%;
}
#h3_quick {
	background-color: #306600;
	border: 2px solid #306600;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	color: #fff;
	margin-bottom: 0;
	margin-top: 10px;
	padding: 10px 15px;
	font-weight: bold;
	box-sizing: border-box;
	font-size: 20px;
}
.quicktoi {
	border-left: 15px solid #306600;
	border-right: 15px solid #306600;
	border-bottom: 15px solid #306600;
	padding: 20px;
}
.sapoie_body #h3_quick {
	background-color: #FF8022;
	border: 2px solid #FF8022;
}
.sapoie_body .quicktoi {
	border-left: 15px solid #FF8022;
	border-right: 15px solid #FF8022;
	border-bottom: 15px solid #FF8022;
}
table.formTbl {
	border: 5px solid #eee;
	border-collapse: collapse;
	margin-bottom: 20px;
	width: 100%;
	border-collapse: collapse;
}

.formTbl th {
	width: 180px;
}
table.formTbl th {
	background: #f5f5ed none repeat scroll 0 0;
	color: #333;
	text-align: left;
}
table.formTbl th, table.formTbl td {
	border-bottom: 1px solid #eee;
	padding: 20px;
	vertical-align: top;
}
table.formTbl .checkbox{
	margin-bottom: 0px;
	padding-bottom: 6px;
	padding-top: 6px;
}
.formTbl input[type="text"], .formTbl textarea,.formTbl select {
	padding: 0.75em;
}
.formTbl label + input {
	margin-left: 1em;
}
.formTbl label.name{
	margin-left: 17px;
}
.w8ml{
	margin-left: 17px;
	width: 80%;
}
.mailfrmbtn{
	display: inline-block;
	min-height: 40px;
	text-align: center;
	text-decoration: none;
	line-height: -moz-block-height;
	line-height: 38px;
	outline: none;
	color:#fff
	font-size: 16px;
	font-weight:bold;
}
.priv_subm {
	text-align: center;
}
.priv_text {
	text-align: center;
	margin-top: 10px;
}
.qrcode > dt{
	float:left;
	margin-right:10px;
}
.qrcode > dd {
	float:left;
}
.qrcode > dd li + li {
	margin-top:10px;
}
.qrcode > dd li a.btn {
	display:inline-block;
	line-height:30px;
	padding:0 1em;
	background-color:#f2f2f2;
	border:1px solid #ddd;
	border-radius:4px;
	font-size:12px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.qrcode > dd li a.btn:hover {
	background-color:#ebebeb;
}
.qrcode > dd li a.btn i.fa {
	color:#306600;
}
.sapoie_body .qrcode > dd li a.btn i.fa {
	color:#FF8022;
}
.qrcode > dd li a.btn i.fa span {
	font-family:"メイリオ","ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
}
.qrcode > dd li a.btn i.fa:before {
	margin-right:.5em;
}
.qrcode{
	padding: 5px;
}
.bukk_ng {
	background:#f3f3ea none repeat scroll 0 0;
	padding:20px 10px;
	text-align:center;
	margin-bottom:30px;
}
.syosai_toggle{

	display:none;
}
.quicktoi .active .hissu {
	display:inline-block;
}
#quick_syousai button {
	height:40px;
	width:200px;
	margin-bottom:10px;
	font-weight:bold;
}
#quick_syousai button i {
	margin-right:0.5em;
}
#quick_syousai button i:before {
	content:"\f0fe";
}
#quick_syousai button.active i:before {
	content:"\f146";
}
#syousai_hyouji button {
	border: 1px solid #ccc;
	background-color: #fff;
	padding: 0 20px;
	line-height: 28px;
	border-radius: 4px;
	margin-top: 10px;
	font-size: 13px;
	cursor: pointer;
}
#syousai_hyouji button i {
	margin-right:0.5em;
}
#syousai_hyouji button i:before {
	content:"\f0fe";
}
#syousai_hyouji button.active i:before {
	content:"\f146";
}
.btna.wide_btn {
	width:600px;
	font-size:20px;
}
.btna.wide_btn:hover {
	color:#fff;
	text-decoration:none;
}

/* ///// 物件画像ここから ///// */
/*=== gallerifficスタイル以下 ====*/

div.content{
	display: block;
	float: right;
	width: 650px;
	position: relative;
}
div.navigation{
	width: 350px;
	float:left;
}
div.content a, div.navigation a {
	text-decoration: none;
	color: #777;
}
div.content a:focus, div.content a:hover, div.content a:active {
	text-decoration: underline;
}
div.controls {
	margin-top: 5px;
	height: 23px;
}
div.controls a {
	padding: 5px;
}
div.ss-controls {
	float: left;
}
div.nav-controls {
	/* float: right; */
}
div.slideshow_controller {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1;
}
div.slideshow_controller .nav-controls {
	display: table;
	width: 100%;
}
div.slideshow_controller .nav-controls a {
	display: table-cell;
	vertical-align: middle;
	padding: 30px;
	width: 50%;
	height: 502px;
}
div.slideshow_controller .nav-controls a:hover {
	background: rgba(255,255,255,0.3);
}
div.slideshow_controller .nav-controls a span {
	position: relative;
	box-sizing: border-box;
	width: 40px;
    height: 40px;
    background: rgba(255,255,255,0.8);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display:inline-block;
}
div.slideshow_controller .nav-controls a.prev {
	text-align: left;
}
div.slideshow_controller .nav-controls a.next {
	text-align: right;
}
div.slideshow_controller .nav-controls a span:before {
	position: absolute;
	content: "";
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    border: 12px solid transparent;
    top: 8px;
}
div.slideshow_controller .nav-controls a.prev span:before {
    border-right: 20px solid rgba(48,102,0,0.8);
    left: -5px;
}
div.slideshow_controller .nav-controls a.next span:before {
    border-left: 20px solid rgba(48,102,0,0.8);
    left: 13px;
}

/* 右スライドショー部分 */

div.slideshow-container {
	position: relative;
	clear: both;
	height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.loader {
	position: absolute;
	top: 0;
	left: 0;
	 /* background-image: url('loader.gif');  */
	background-repeat: no-repeat;
	background-position: center;
	width: 650px;
	height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.slideshow {

}
div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid #ccc;
}
div.slideshow a.advance-link {
	display: block;
	width: 648px;
	height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
	line-height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
	text-align: center;
}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.slideshow img {
	vertical-align: middle;
	border: 1px solid #ccc;
	max-height: 460px;
	max-width: 616px;
	width:auto;
}
div.download {
	float: right;
}
div.caption-container {
	position: relative;
	clear: left;
	height: 75px;
}
span.image-caption {
	display: block;
	position: absolute;
	width: 550px;
	top: 0;
	left: 0;
}
div.caption {
	padding: 12px;
}
div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}
div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div.navigation {
	/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}

/* 左サムネイル部分 */

ul.thumbs {
	clear: both;
	margin: 0 ;
	padding: 0;
	height: 460px;
	overflow: hidden;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 0 10px 5px 0;
	list-style: none;
	width: 139px;
}
ul.thumbs li:nth-type-of(n + 3) {
	margin-top: 5px;
}
a.thumb {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
}
ul.thumbs li.selected a.thumb {
	background: #fff;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
	margin: 0 auto;
	height:100px;
	max-width: 135px;
}
div.pagination {
	clear: both;
}
div.navigation div.top {
	margin-bottom: 12px;
	height: 11px;
}
div.navigation div.bottom {
	margin-top: 12px;
}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
}
div.pagination a:hover {
	background-color: #eee;
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
	background-color: #000;
	border-color: #000;
	color: #fff;
}
div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}

/* ///// 物件画像ここまで ///// */
#ibox #ibox_wrapper {
	background-color: #306600;
}
.sapoie_body #ibox #ibox_wrapper {
	background-color: #FF8022;
}
.sapoie_body #ibox #gaisan h2 {
	border-left-color: #FF8022 !important;
}

/* レビュー関連
///////////////////////////////////////////////////////////////////*/

/* 平均レビュー表記 */
.ave_review {
	width:170px;
	border:3px solid #306600;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.ave_review dt {
	background-color:#306600;
	color:#fff;
	text-align:center;
	line-height:30px;
}
.sapoie_body .ave_review {
	border:3px solid #FF8022;
}
.sapoie_body .ave_review dt {
	background-color:#FF8022;
}
.ave_review dd {
	padding:5px;
	line-height:1.3;
}

/* レビュー一覧スペース */
#detail_review {
	margin-bottom:30px;
}
#detail_review > div > div {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding:10px;
}
#all_review {
	border:1px solid #ccc;
	width:60%;
	float:left;
}
#all_review > div{
	height:200px;
	overflow-y:scroll;
	overflow-x:hidden;
	padding-right: 5px;
}
#all_review > div > div {
	border-bottom:1px dotted #ccc;
}
#my_review {
	border:1px solid #ccc;
	width:38%;
	float:right;
	background-color:#e7fbd6;
}
.sapoie_body #my_review {
	background-color:#fff2e8;
}
#my_review > div {
	height:200px;
}
#my_review > div > p,#my_review > div > ul {
	margin-bottom:10px;
}
#my_review > div > ul li {
	float:left;
	width:49%;
}
#my_review > div > ul li:nth-of-type(1) {
	margin-right:2%;
}
#my_review > div > p a.button,#my_review > div > ul li a.button {
	width:100%;
}
#my_review > div > div {
	padding:10px;
	border: 1px solid #bce29b;
	background: #fff;
}
.sapoie_body #my_review > div > div {
	border: 1px solid #cccccc;
}
#my_review > div > div > div {
	height: 116px;
	overflow-y:scroll;
	overflow-x:hidden;
	padding-right: 5px;
}
#my_review > div > div > div p {
	line-height:1.3;
	margin-bottom:10px;
}
#my_review > div > div > div ul {
	list-style-type:disc;
	margin-left:1.3em;
}
#my_review > div > div > div ul li {
	font-size:12px;
	line-height:1.3;
	margin-bottom:.5em;
}
#my_review > div > div > div ul li strong {
	color:red;
}
.review_head {
	margin-bottom:10px;
}
.review_head > h4,.review_head > div {
	display:table-cell;
	vertical-align:middle;
}
.review_head > h4 {
	padding-left:.5em;
	word-wrap:break-word;
	word-break:break-all;
	line-height:1.3;
}
.review_head > p {
	font-size:12px;
}
.review_body {
	margin-bottom:10px;
}
.review_body > p {
	line-height:1.3;
	word-wrap:break-word;
}
#ppc{
	background: #fff none repeat scroll 0 0;
	border-radius: 5px;
	width: 900px;
}
#ppc_title{
	font-size: 26px;
	background: #306600 none repeat scroll 0 0;
	border-radius: 5px 5px 0 0;
	color: #fff;
	font-size: 2em;
	font-weight: bold;
	line-height: 1;
	padding: 13px 20px 11px;
	position: relative;
}
.sapoie_body #ppc_title{
	background: #FF8022 none repeat scroll 0 0;
}
.clebtn{
	position: absolute;
	right: 15px;
	top: 9px;
	z-index: 10;
}
.toisaki{
	padding: 15px;
}
.fa.fa-times{
	color: white;
	font-size: 32px;
}
.fa.fa-times:hover{
	opacity: 0.8;
}
.tstitle{
	font-weight: bold;
	border: 1px solid #333;
	padding-left: 9px;
}
.toisakibox{
	border-left: 1px solid #333;
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;
	padding: 10px;
	margin-bottom:10px;
}
.sakiinfo{margin-bottom: 10px;}
.murytuwa{
	margin-bottom: 5px;
	color:#ff3300;
}
.murytuwa span{
	float:left;
	font-weight: bold;
	font-size: 2em;
	padding: 5px 20px;
}
.murytuwa span:first-child{
	border: 3px solid;
}
.murytuwa span:nth-child(2){
	border-top: 3px solid;
	border-bottom: 3px solid;
	border-right: 3px solid;
}
.annot{font-size:12px;}
.toibukbox{
	border: 8px solid #e7fbd6;
	padding: 10px;
}
.sapoie_body .toibukbox{
	border: 8px solid #fff2e8;
}
.gmap{
	position: absolute;
	right: 28px;
	top: 104px;
	overflow-x: hidden;
	overflow-y: hidden;
}
.gmap iframe html{
	overflow-x: hidden;
	overflow-y: hidden;
}
.toibuk{
	margin-bottom: 5px;
	width: 100%;
}
.toibuk span{
	font-weight:bold;
}
.toibuk span.bubang {
	float:right;
	font-weight:normal;
	font-size: 0.9em;
}
.bukimg {
    float: left;
}
.bukimg > img {
    max-height: 144px;
}
.toibuktbl{
	float:right;
	font-size: 0.9em;
	width: 79%;
}
.toibuktbl th {
	background-color: #e7fbd6;
	border: 1px solid #bce29b;
	color: #333333;
	font-size: 0.9em;
	font-weight: normal;
	line-height: 1.2;
	padding: 0.75em 0.75em 0.5em;
}
.sapoie_body .toibuktbl th {
	background-color: #fff2e8;
	border: 1px solid #cccccc;
}
.toibuktbl td {
	border: 1px solid #bce29b;
	padding: 5px;
	text-align: left;
}
.sapoie_body .toibuktbl td {
	border: 1px solid #cccccc;
}
.toibuktbl td span {
    color: #ff3300;
}
.tojibtn{
	clear: both;
	text-align: center;
}
.tojibtn a{
	border: 2px solid #333;
	border-radius: 3px;
	padding: 5px 20px;
	width: 94px;
	display: block;
    margin: 0 auto;
}

/* 問い合わせボタン
///////////////////////////////////////////////////////////////////*/
.detail_toi_btns {
	margin: 40px 0;
}
.detail_toi_btns ul {
	display: table;
	margin: 0 auto;
}
.detail_toi_btns li {
	display: table-cell;
}
.detail_toi_btns li + li {
	padding-left: 20px;
}
.detail_toi_btns .btns_2 li {
	width: 400px;
}
.detail_toi_btns .btns_3 li {
	width: 320px;
}
.detail_toi_btns a {
	display: block;
	width: 100%;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
	text-decoration: none;
	border-radius: 4px;
}
.detail_toi_btns a:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #fff;
}
.detail_toi_btns .btn_contact a {
	background-color: #ff6600;
}
.detail_toi_btns .btn_tel a,
.detail_toi_btns .btn_ppc a {
	background-color: #003a66;
}
.detail_toi_btns .btn_karishinsa a {
	background-color: #4b3321;
}
.detail_toi_btns a div {
	display: table;
	margin: 0 auto;
	padding: 0 1rem;
}
.detail_toi_btns a div > * {
	display: table-cell;
	vertical-align: middle;
	height: 70px;
	line-height: 1.2;
	text-align: center;
}
.detail_toi_btns a div > i.fa {
	padding-right: 8px;
	font-size: 20px;
	color: rgba(255,255,255,0.75);
}
