@charset "UTF-8";
article, aside, details, figcaption, figure,
header, main, nav, footer, section, summary {
  display: block;
}
audio, canvas, video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
/* basic */
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body, header, footer, section {
  margin: 0;
}
a:focus {
  outline: thin dotted;
}
a:active, a:hover {
  outline: 0;
}
/* text */
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  font-size: 100%;
  font-weight: normal;
}
dl, dd, p {
  margin: 0;
}
ul, ol {
  margin: 0;
  padding: 0;
}
li {
  list-style-type: none;
}
b, strong {
  font-weight: bold;
}
/* code/pre */
code, pre {
  font-family: monospace, serif;
  font-size: 1em;
}
pre {
  white-space: pre-wrap;
}
/* sub/sup */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* visual */
img {
  border: 0;
  vertical-align: top;
}
img[usemap] {
  height: auto;
  max-width: 100%;
  width: auto;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 0;
}
/* other */
hr {
  display: block;
  margin: 1em 0;
  padding: 0;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
mark {
  background: #ff0;
  color: #000;
}
/* form */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
legend {
  border: 0;
  padding: 0;
}
button, input, select, textarea {
  /*font-family: inherit;*/
  font-size: 100%;
  margin: 0;
}
button, input {
  line-height: normal;
}
button, select {
  text-transform: none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled], html input[disabled] {
  cursor: default;
}
input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
/* table */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
th {
  text-align: left;
}
/* =============== variable =============== */
/* =============== mixin =============== */
/* =============== extend =============== */
#site-header .inner, #site-header #site-nav ul, #contents, #site-footer .company .inner, #site-footer .content, #index .service-banner, #index .pick-up, .visualNav {
  margin-right: auto;
  margin-left: auto;
  width: 960px;
}
#contents:after, #site-footer .company .inner:after, #site-footer .content:after, #site-footer .content .main:after, #site-footer .content .other:after, #index .service-banner ul:after, #index .pick-up .pick-up-slider:after, #index .information ul:after, #index .social-link ul:after, .visualNav ul:after, .bukken .ranking li a:after, .bukken .article:after, .bukken .article .pic:after, .detail-picture .detail-pager:after, .step-nav:after, .ri-works .works:after, .ri-detail .content:after, .ri-detail .content .pic ul:after, .baibai-step .step-contents .section .img-right:after {
  display: block;
  clear: both;
  content: "";
}
#site-footer .content .main a, #index .topics dd a, #index .new-release dd a, .bukken .pager li a, .bukken .sorter li a, .bukken .article .content .more a, #topics .category a {
  text-decoration: none;
}
#site-footer .content .main a:hover, #index .topics dd a:hover, #index .new-release dd a:hover, .bukken .pager li a:hover, .bukken .sorter li a:hover, .bukken .article .content .more a:hover, #topics .category a:hover {
  text-decoration: underline;
}
/* =============== base =============== */
body {
  color: #333333;
  font-size: 1em;
  font-family: 'Hiragino Kaku Gothic Pro', Meiryo, sans-serif;
  line-height: 1.5em;
}
/* link color */
a {
  color: #333333;
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}
a:hover img {
  -webkit-transition: opacity 0.3s ease-in-out 0s;
  -moz-transition: opacity 0.3s ease-in-out 0s;
  -ms-transition: opacity 0.3s ease-in-out 0s;
  -o-transition: opacity 0.3s ease-in-out 0s;
  transition: opacity 0.3s ease-in-out 0s;
  opacity: .6;
  background: #fff;
}
/* =============== ヘッダー =============== */
#site-header {
  background: #7fc8a2;
  /* 社名 */
  /* 電話番号・営業時間 */
  /* ナビゲーション */
}
#site-header .inner {
  position: relative;
  padding: 10px 0;
  color: #fff;
}
#site-header .info {
  position: absolute;
  top: 10px;
  right: 0;
}
#site-header .info li {
  display: inline-block;
  margin: 0 0 0 20px;
  font-weight: bold;
}
#site-header .info .tel {
  padding: 0 0 0 26px;
  background: url(../img/icon_telephone_white.png) no-repeat 0 0.15em;
  font-size: 1.1em;
}
#site-header #site-nav {
  position: relative;
  padding: 3px 0;
  background: url(../img/gnav_bg_inset.png) repeat-x 0 0 white;
  /* 影 */
}
#site-header #site-nav:after {
  display: block;
  position: absolute;
  bottom: -30px;
  width: 100%;
  height: 30px;
  content: "";
  background: url(../img/gnav_bg_shadow.png) repeat-x 0 0;
}
#site-header #site-nav ul {
  display: table;
}
#site-header #site-nav li {
  display: table-cell;
  width: 130px;
  height: 3em;
  border-right: 1px solid #d9c4ad;
  text-align: center;
  font-size: .8em;
  vertical-align: middle;
  line-height: 1em;
}
#site-header #site-nav li a {
  text-decoration: none;
  color: #000;
}
#site-header #site-nav li a:hover, #site-header #site-nav li a.current {
  color: #7fc8a2;
}
#site-header #site-nav li:first-child {
  width: 50px;
  border-left: 1px solid #d9c4ad;
}
.next #site-header {
  margin: 0 0 30px;
}
/* 賃貸ライブラリ */
#chintai #site-header {
  background: #ea5717;
}
/* 戸建・マンション売り買いナビ */
#kodate #site-header {
  background: #c1272d;
}
/* 土地探し専門ナビ */
#tochi #site-header {
  background: #1ea839;
}
/* 不動産買取センター */
#estate #site-header {
  background: #171c61;
}
/* =============== コンテンツ =============== */
/* Topページ */
.top #main {
  float: left;
  width: 650px;
}
.top #sub {
  float: right;
  width: 290px;
}
/* 下層ページ */
.next #main {
  float: right;
  width: 610px;
  min-height: 600px;
}
.next #sub {
  float: left;
  width: 310px;
}
/* 1カラム */
#website #main, #ri_porte #main {
  float: none;
  width: auto;
}
/* 売買相談、賃貸物件管理、会社概要 */
#baibai #main, #manage #main, #company #main {
  float: right;
  width: 670px;
}
#baibai #sub, #manage #sub, #company #sub {
  float: left;
  padding: 0 15px;
  width: 240px;
}
/* 不動産買取センター */
#estate #sub {
  padding: 9px 0 0;
}
/* =============== フッター =============== */
#site-footer {
  margin: 100px 0 0;
}
#site-footer .company {
  border: solid #00803a;
  border-width: 4px 0;
}
#site-footer .company .inner {
  position: relative;
  padding: 30px 0;
  background: url(../img/triangle_green.png) no-repeat 0 0;
}
#site-footer .company .logo {
  position: absolute;
  top: 30px;
  left: 80px;
}
#site-footer .company .info {
  float: right;
}
#site-footer .company .info li {
  float: left;
  padding: 10px 20px;
  height: 50px;
  border-left: 1px dotted #b2b2b2;
  color: #ea5717;
  font-size: 1.1em;
  font-weight: bold;
}
#site-footer .company .info li:first-child {
  text-align: center;
}
#site-footer .company .info li:last-child {
  border-right: 1px dotted #b2b2b2;
}
#site-footer .company .info li .number {
  padding: 0 0 0 32px;
  background: url(../img/icon_telephone_orange.png) no-repeat 0 center;
  font-size: 1.5em;
}
#site-footer .company .info li.time {
  line-height: 50px;
}
#site-footer .content {
  padding: 30px 0;
  font-size: .9em;
}
#site-footer .content .left {
  float: left;
  padding: 0 0 0 80px;
  width: 370px;
}
#site-footer .content .left .logo {
  margin: 0 0 10px;
}
#site-footer .content .left .copyright {
  display: block;
  margin: 1em 0 0;
}
#site-footer .content .right {
  float: right;
  width: 510px;
}
#site-footer .content .main {
  margin: 0 0 10px;
}
#site-footer .content .main ul {
  float: left;
  width: 120px;
}
#site-footer .content .main ul:first-child {
  width: 390px;
}
#site-footer .content .main li {
  margin: 0 0 10px;
  list-style: disc inside;
}
#site-footer .content .main a {
  color: #333333;
}
#site-footer .content .other li {
  float: left;
  margin: 0 0 0 26px;
}
#site-footer .content .other li:first-child {
  margin: 0;
}
/* 賃貸ライブラリ：色変更 */
#chintai #site-footer .company {
  border-color: #ea5717;
}
#chintai #site-footer .company .inner {
  background-image: url(../img/triangle_orange.png);
}
#chintai #site-footer .company .logo {
  top: 23px;
  left: 74px;
}
#chintai #site-footer .company .info li {
  color: #ea5717;
}
#chintai #site-footer .company .info li .number {
  background-image: url(../img/icon_telephone_orange.png);
}
/* 戸建・マンション売り買いナビ：色変更 */
#kodate #site-footer .company {
  border-color: #c10d23;
}
#kodate #site-footer .company .inner {
  background-image: url(../img/triangle_red.png);
}
#kodate #site-footer .company .logo {
  top: 18px;
  left: 57px;
}
#kodate #site-footer .company .info li {
  color: #c10d23;
}
#kodate #site-footer .company .info li .number {
  background-image: url(../img/icon_telephone_red.png);
}
/* 土地探し専門ナビ：色変更 */
#tochi #site-footer .company {
  border-color: #1ea839;
}
#tochi #site-footer .company .inner {
  background-image: url(../img/triangle_lightgreen.png);
}
#tochi #site-footer .company .logo {
  top: 18px;
  left: 62px;
}
#tochi #site-footer .company .info li {
  color: #1ea839;
}
#tochi #site-footer .company .info li .number {
  background-image: url(../img/icon_telephone_green.png);
}
/* 不動産買取センター：色変更 */
#estate #site-footer .company {
  border-color: #171c61;
}
#estate #site-footer .company .inner {
  background-image: url(../img/triangle_blue.png);
}
#estate #site-footer .company .logo {
  top: 36px;
  left: 56px;
}
#estate #site-footer .company .info li {
  color: #171c61;
}
#estate #site-footer .company .info li .number {
  padding: 0 0 0 44px;
  background-image: url(../img/icon_freephone01.png);
}
/* =============== variable =============== */
/* =============== mixin =============== */
/* =============== extend =============== */
#site-header .inner, #site-header #site-nav ul, #contents, #site-footer .company .inner, #site-footer .content, #index .service-banner, #index .pick-up, .visualNav {
  margin-right: auto;
  margin-left: auto;
  width: 960px;
}
#contents:after, #site-footer .company .inner:after, #site-footer .content:after, #site-footer .content .main:after, #site-footer .content .other:after, #index .service-banner ul:after, #index .pick-up .pick-up-slider:after, #index .information ul:after, #index .social-link ul:after, .visualNav ul:after, .bukken .ranking li a:after, .bukken .article:after, .bukken .article .pic:after, .detail-picture .detail-pager:after, .step-nav:after, .ri-works .works:after, .ri-detail .content:after, .ri-detail .content .pic ul:after, .baibai-step .step-contents .section .img-right:after {
  display: block;
  clear: both;
  content: "";
}
#site-footer .content .main a, #index .topics dd a, #index .new-release dd a, .bukken .pager li a, .bukken .sorter li a, .bukken .article .content .more a, #topics .category a {
  text-decoration: none;
}
#site-footer .content .main a:hover, #index .topics dd a:hover, #index .new-release dd a:hover, .bukken .pager li a:hover, .bukken .sorter li a:hover, .bukken .article .content .more a:hover, #topics .category a:hover {
  text-decoration: underline;
}
/* =============== Topページ =============== */
#index {
  /* キービジュアル */
  /* サービス紹介バナー */
  /* ピックアップ物件 */
  /* トピックス・ニュース */
  /* プロジェクト */
  /* 売買相談 */
  /* おススメ情報 */
  /* SNS&ブログリンク */
  /* like box */
  /* 新着物件 */
}
#index #contents section {
  margin: 0 0 30px;
overflow:hidden;
}
.top_movie_left{
float:left;
}
.top_movie_right{
float:right;
}
#index #contents section h2 {
  margin: 0 0 20px;
}
#index .keyvisual {
  position: relative;
  margin: 0 0 40px;
  width: 100%;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  z-index: 10;
}
#index .keyvisual .bx-wrapper {
  margin: 0 auto;
  width: 1020px;
}
#index .keyvisual .bx-viewport {
  overflow: visible !important;
}
#index .keyvisual .bx-prev, #index .keyvisual .bx-next {
  top: 0;
  margin-top: 0;
  width: 1020px;
  height: 442px;
  background-color: #000;
  opacity: 0.5;
}
#index .keyvisual .bx-prev {
  left: -1020px;
  background-image: url(../img/icon_arrow_gray05.png);
  background-position: right center;
}
#index .keyvisual .bx-next {
  left: 1020px;
  background-image: url(../img/icon_arrow_gray06.png);
  background-position: left center;
}
#index .service-banner {
  margin-bottom: 25px;
  padding: 0 0 25px;
  border-bottom: 1px dashed #b2b2b2;
}
#index .service-banner li {
  -webkit-box-shadow: 0 0 10px #aaaaaa;
  -moz-box-shadow: 0 0 10px #aaaaaa;
  box-shadow: 0 0 10px #aaaaaa;
  float: left;
  margin: 0 0 0 10px;
}
#index .service-banner li:first-child {
  margin: 0;
}
#index .service-banner a {
  display: block;
}
#index .pick-up {
  margin-bottom: 30px;
  padding: 0 0 25px;
  border-bottom: 1px dashed #b2b2b2;
}
#index .pick-up li {
  position: relative;
  float: left;
  width: 180px;
}
#index .pick-up li:first-child {
  margin: 0;
}
#index .pick-up img {
  width: 180px;
}
#index .pick-up .label {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 10px;
  color: #fff;
  font-size: .6em;
  z-index: 10;
  /* 戸建て */
  /* 土地 */
  /* 賃貸 */
}
#index .pick-up .label.category3 {
  background: #c1272d;
}
#index .pick-up .label.category6 {
  background: #1ea839;
}
#index .pick-up .label.category7 {
  background: #ea5717;
}
#index .pick-up .caption {
  position: absolute;
  top: 50%;
  width: 100%;
  background: #fff;
  background: rgba(255, 255, 255, 0.6);
  color: #42210b;
  font-size: .8em;
  text-align: right;
  z-index: 10;
}
#index .topics {
  float: left;
  width: 320px;
}
#index .topics .topics-scroll {
  height: 200px;
}
#index .topics dt, #index .topics dd {
  padding: 0 20px;
  font-size: .8em;
  line-height: 1.4em;
}
#index .topics dt {
  color: #754c24;
}
#index .topics dd {
  margin: 0 0 15px;
}
#index .topics dd a {
  color: #754c24;
  text-decoration: none;
}
#index .project {
  float: right;
  width: 320px;
}
#index .project ul {
  margin: 0 auto;
  width: 278px;
}
#index .project li {
  margin: 0 0 10px;
}
#index .consultation {
  clear: both;
}
#index .consultation p {
  text-align: center;
}
#index .information ul {
  margin: 0 auto;
  width: 616px;
}
#index .information li {
  float: left;
  margin: 0 0 10px 10px;
  width: 298px;
}
#index .information li img {
  border: 2px solid #808080;
}
#index .information li.fortenants {
  width: 100%;
}
#index .social-link ul {
  padding: 0 20px 0 0;
  width:100%;
}
#index .social-link li {
  float: left;
  margin: 0 0 20px 0;
width:25%;
}
#index .social-link li img{
width:100%;
}
#index .social-link li:first-child {
  margin-left: 0;
}
#index .like-box {
  margin: 10px 0 0;
}
#index .new-release li {
  margin: 0 0 16px;
}
#index .new-release .pic {
  position: relative;
  margin: 0 0 10px;
  /* 戸建て */
  /* 土地 */
  /* 賃貸 */
}
#index .new-release .pic .category3, #index .new-release .pic .category6, #index .new-release .pic .category7 {
  position: absolute;
  top: 0;
  padding: 3px 2% 1px;
  width: 96%;
  color: #fff;
  font-size: .85em;
  z-index: 10;
}
#index .new-release .pic .category3 .date, #index .new-release .pic .category6 .date, #index .new-release .pic .category7 .date {
  padding: 0 0 0 5px;
  font-size: .7em;
}
#index .new-release .pic .category3 {
  background: #c1272d;
}
#index .new-release .pic .category6 {
  background: #1ea839;
}
#index .new-release .pic .category7 {
  background: #ea5717;
}
#index .new-release .pic img {
  width: 290px;
}
#index .new-release dt {
  margin: 0 0 3px;
}
#index .new-release dd {
  font-size: .8em;
  line-height: 1.4em;
}
#index .new-release dd a {
  color: #333333;
  text-decoration: none;
}
#index .new-release dd span {
  padding: 0 32px 0 0;
  background: url(../img/icon_arrow_blue01.png) no-repeat right 0;
}
/* =============== 下層ページ共通 =============== */
.visualNav {
  position: relative;
  margin: 0 0 30px;
}
.visualNav ul {
  position: absolute;
  top: 0;
  right: 0;
  width: 435px;
}
.visualNav li {
  float: left;
  margin-bottom: 28px;
  width: 210px;
}
.visualNav li:nth-child(2n) {
  margin-left: 15px;
}
/* =============== 物件一覧共通 =============== */
.bukken {
  /* 無料会員登録 */
  /* 登録件数 */
  /* バナー */
  /* カテゴリー */
  /* ランキング */
  /* 左カラムバナー */
  /* 物件数 */
  /* ページ送り */
  /* ソート */
}
.bukken .intro {
  margin: 0 0 100px;
  position: relative;
  /* MAP */
}
.bukken .intro .catch {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.bukken .intro .reform,
.bukken .intro .shintiku,
.bukken .intro .bunjo,
.bukken .intro .shueki{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.bukken .intro .bunjo{
top:135px;
}
.bukken .intro .shintiku {
  top: 140px;
}
.bukken .intro .shueki {
  top: 280px;
}
.bukken .intro .area-map {
  position: relative;
  /* 吹き出し */
}
.bukken .intro .area-map .map {
  text-align: right;
}
.bukken .intro .area-map li {
  position: absolute;
  z-index: 10;
}
.bukken .intro .area-map li .outer,
.bukken .intro .area-map li a {
  display: inline-block;
  position: relative;
  padding: 15px 5px;
  width: 85px;
  height: 45px;
  color: #c1272d;
  font-size: .8em;
  text-align: center;
  text-decoration: none;
  background: #fff;
  border-radius: 40px;
  white-space: nowrap;
}
.bukken .intro .area-map li .outer:before,
.bukken .intro .area-map li a:before {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-box-shadow: 0 0 12px #666666;
  -moz-box-shadow: 0 0 12px #666666;
  box-shadow: 0 0 12px #666666;
  content: "";
  position: absolute;
  bottom: -7px;
  right: 35px;
  display: block;
  width: 20px;
  height: 20px;
  background: #fff;
  z-index: -1;
}
.bukken .intro .area-map li .outer:after,
.bukken .intro .area-map li a:after {
  -webkit-box-shadow: 0 0 12px #666666;
  -moz-box-shadow: 0 0 12px #666666;
  box-shadow: 0 0 12px #666666;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 95px;
  height: 75px;
  border-radius: 40px;
  z-index: -2;
}
.bukken .intro .area-map li .area {
  display: block;
  margin: 0 0 1px;
  border-bottom: 1px solid #c1272d;
  font-weight: bold;
}
.bukken .intro .area-map li .area .name {
  padding: 0 2px 0 0;
  font-size: 1.4em;
}
.bukken .intro .area-map li .num {
  padding: 0 2px 0 0;
  font-size: 1.4em;
  font-weight: bold;
}
.bukken .intro .area-map .mihara {
  top: 175px;
  right: 288px;
}
.bukken .intro .area-map .onomichi {
  top: 125px;
  right: 185px;
}
.bukken .intro .area-map .fuchu {
  top: 22px;
  right: 182px;
}
.bukken .intro .area-map .fukuyama {
  top: 163px;
  right: 92px;
}
.bukken .intro .area-map .kasaoka {
  top: 119px;
  right: -39px;
}
.bukken .intro .area-map .other {
  right: 39px;
  top: 67px;
}
.bukken .intro .area-map.sub li .outer, .bukken .intro .area-map.sub li a {
width:75px;
}
.bukken .intro .area-map.sub li .outer,
.bukken .intro .area-map.sub li a {
  display: inline-block;
  position: relative;
  padding: 10px 5px;
  width: 75px;
  height: 45px;
  color: #c1272d;
  font-size: .7em;
  text-align: center;
  text-decoration: none;
  background: #fff;
  border-radius: 40px;
  white-space: nowrap;
}
.bukken .intro .area-map.sub li .outer:before,
.bukken .intro .area-map.sub li a:before {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-box-shadow: 0 0 12px #666666;
  -moz-box-shadow: 0 0 12px #666666;
  box-shadow: 0 0 12px #666666;
  content: "";
  position: absolute;
  bottom: -7px;
  right: 35px;
  display: block;
  width: 20px;
  height: 20px;
  background: #fff;
  z-index: -1;
}
.bukken .intro .area-map.sub li .outer:after,
.bukken .intro .area-map.sub li a:after {
  -webkit-box-shadow: 0 0 12px #666666;
  -moz-box-shadow: 0 0 12px #666666;
  box-shadow: 0 0 12px #666666;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 85px;
  height: 65px;
  border-radius: 40px;
  z-index: -2;
}
.bukken .intro .area-map.sub li .area .name {
  padding: 0 2px 0 0;
  font-size: 1.4em;
}
.bukken .intro .area-map.sub .center {
top: 144px;
left: 263px;
}
.bukken .intro .area-map.sub .east {
top: 151px;
left: 354px;
}
.bukken .intro .area-map.sub .west {
top: 186px;
left: 183px;
}
.bukken .intro .area-map.sub .south {
top: 243px;
left: 269px;
}
.bukken .intro .area-map.sub .north {
top: 48px;
left: 253px;
}
.bukken .intro .area-map.sub .other {
left: 34px;
top: 224px;
right:auto;
}
.bukken .intro .area-map.sub li.other a{
width:90px;
}
.bukken .intro .area-map.sub li.other .outer:after,
.bukken .intro .area-map.sub li.other a:after {
  width: 100px;
}
.bukken .member-regist, .bukken .member-num {
  -webkit-box-shadow: 0 0 10px #cccccc;
  -moz-box-shadow: 0 0 10px #cccccc;
  box-shadow: 0 0 10px #cccccc;
  padding: 7px;
  border-radius: 7px;
  background: #f1e577;
}
.bukken .member-regist .inner, .bukken .member-num .inner {
  position: relative;
  padding: 62px 10px 10px;
  border: 1px dashed #b3b3b3;
  border-radius: 7px;
}
.bukken .member-regist .inner h3, .bukken .member-num .inner h3 {
  position: absolute;
  top: 12px;
  left: -20px;
  height: 24px;
  padding: 5px 0 4px 30px;
  border-bottom: 1px solid #c1272d;
  background: #c1272d;
  color: #fff;
  font-size: 1.2em;
  font-weight: bold;
}
.bukken .member-regist .inner h3:before, .bukken .member-num .inner h3:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 0;
  border-color: transparent;
  border-right-color: #c1272d;
}
.bukken .member-regist .inner h3:after, .bukken .member-num .inner h3:after {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  width: 0;
  height: 0;
  border-width: 17px 13px;
  border-style: solid;
  border-color: #c1272d;
  border-right-color: transparent;
}
.bukken .member-regist {
  margin: 0 0 20px;
  /* 会員ログイン */
  /* ログアウト */
  /* パスワードリマインダー */
  /* 新規登録 */
}
.bukken .member-regist .message {
  margin: 0 0 10px;
  text-align: center;
  color: #c1272d;
  font-size: 1.2em;
  font-weight: bold;
}
.bukken .member-regist .message-login {
  margin: 0 0 10px;
  text-align: center;
  font-size: 1.1em;
  font-weight: bold;
}
.bukken .member-regist dt {
  font-size: .9em;
}
.bukken .member-regist dd {
  margin: 0 0 8px;
}
.bukken .member-regist dd input {
  padding: 8px 3%;
  width: 94%;
  border: 1px solid #b3b3b3;
}
.bukken .member-regist .member-submit {
  margin: 14px 0 4px;
  text-align: center;
}
.bukken .member-regist .member-submit input {
  padding: 4px 20px 2px;
  border: 0;
  background: #c1272d;
  color: #fff;
  font-size: 1.1em;
  font-weight: bold;
}
.bukken .member-regist .logout {
  text-align: right;
}
.bukken .member-regist .logout a {
  display: inline-block;
  padding: 2px 12px;
  border-radius: 7px;
  background: #ddd;
  font-size: .8em;
  text-decoration: none;
}
.bukken .member-regist .password {
  margin: 0 0 14px;
  font-size: .9em;
  text-align: center;
}
.bukken .member-regist .regist-here {
  margin: 0 0 4px;
  text-align: center;
}
.bukken .member-regist .regist-here a {
  display: inline-block;
  padding: 5px 12px;
  border-radius: 7px;
  background: #c1272d;
  color: #fff;
  font-size: 1.2em;
  font-weight: bold;
  text-decoration: none;
}
.bukken .member-num {
  margin: 0 0 20px;
  /* 件数 */
}
.bukken .member-num .public, .bukken .member-num .member {
  position: relative;
  padding: 6px 0 0 50px;
  font-size: 1.1em;
  font-weight: bold;
}
.bukken .member-num .public .right, .bukken .member-num .member .right {
  position: absolute;
  top: 0;
  right: 0;
}
.bukken .member-num .public .num, .bukken .member-num .member .num {
  padding: 0 3px 0 0;
  font-size: 1.4em;
}
.bukken .member-num .public {
  margin: 0 0 10px;
  background: url(../img/icon_kodate_blue.png) no-repeat 0 0;
  color: #00b6cc;
}
.bukken .member-num .member {
  background: url(../img/icon_kodate_red.png) no-repeat 0 0;
  color: #c1272d;
}
.bukken .list-banner {
  margin: 0 0 30px;
}
.bukken .list-banner li {
  margin: 0 0 20px;
}
.bukken .category {
  margin: 0 0 30px;
}
.bukken .category h3 {
  margin: 0 0 8px;
}
.bukken .category li {
  border-bottom: 1px dotted #b2b2b2;
}
.bukken .category li a {
  position: relative;
  display: block;
  padding: 12px 0 9px;
  text-decoration: none;
}
.bukken .category li a:hover {
  background-color: #eee !important;
}
.bukken .category li .right {
  position: absolute;
  bottom: 9px;
  right: 0;
  font-size: .8em;
}
.bukken .category li .num {
  padding: 0 3px 0 0;
  font-size: 1.4em;
}
.bukken .category li.apart a {
  padding-left: 55px;
  background: url(../img/icon_apart.png) no-repeat 5px 6px;
  color: #fccc27;
}
.bukken .category li.mansion a {
  padding-left: 55px;
  background: url(../img/icon_mansion.png) no-repeat 5px 6px;
  color: #bfc800;
}
.bukken .category li.kodate a,
.bukken .category li.new a {
  padding-left: 55px;
  background: url(../img/icon_kodate_blue.png) no-repeat 0 6px;
  color: #00b6cc;
}
.bukken .category li.business a {
  padding-left: 55px;
  background: url(../img/icon_zigyo.png) no-repeat 2px 8px;
  color: #a67c52;
}
.bukken .category li.tochi a {
  padding-left: 55px;
  background: url(../img/icon_tochi.png) no-repeat 0 6px;
  color: #39b54a;
}
.bukken .category li.parking a {
  padding-left: 55px;
  background: url(../img/icon_parking.png) no-repeat 2px 10px;
  color: #231815;
}
.bukken .ranking {
  margin: 0 0 25px;
}
.bukken .ranking h3 {
  margin: 0 0 8px;
}
.bukken .ranking li a {
  display: block;
  padding: 6px 0 5px 60px;
  background: no-repeat 10px 6px;
  color: #c1272d;
  font-size: .9em;
  text-decoration: none;
}
.bukken .ranking li a img {
  float: left;
  margin: 0 10px 10px 0;
  width: 60px;
  height: 60px;
  background: #000;
}
.bukken .ranking li a:hover {
  background-color: #eee !important;
}
.bukken .ranking li.num01 a {
  background-image: url(../img/icon_ranking01.png);
}
.bukken .ranking li.num02 a {
  background-image: url(../img/icon_ranking02.png);
}
.bukken .ranking li.num03 a {
  background-image: url(../img/icon_ranking03.png);
}
.bukken .ranking li.num04 a {
  background-image: url(../img/icon_ranking04.png);
}
.bukken .ranking li.num05 a {
  background-image: url(../img/icon_ranking05.png);
}
.bukken .sub-banner {
  margin: 0 0 50px;
}
.bukken .sub-banner h3 {
  margin: 0 0 8px;
}
.bukken .sub-banner li {
  margin: 0 0 12px;
  text-align: center;
}
.bukken .sub-banner li img {
  border: 2px solid #a0a0a0;
}
.bukken .hits {
  position: relative;
  padding: 0 5px 12px 0;
  background: url(../img/border_red01.png) no-repeat 0 bottom;
  color: #c1272d;
  text-align: right;
  font-size: .9em;
  font-weight: bold;
}
.bukken .hits .area {
  position: absolute;
  bottom: 11px;
  left: 0;
}
.bukken .pager {
  position: relative;
  margin: 20px 0;
  text-align: center;
}
.bukken .pager li {
  display: inline-block;
  font-size: .9em;
  font-weight: bold;
}
.bukken .pager li a {
  padding: 10px 7px;
  color: #c1272d;
}
.bukken .pager .prev {
  position: absolute;
  left: 30px;
}
.bukken .pager .prev a {
  padding-left: 28px;
  background: url(../img/icon_arrow_red02.png) no-repeat 0 center;
}
.bukken .pager .next {
  position: absolute;
  right: 30px;
}
.bukken .pager .next a {
  padding-right: 28px;
  background: url(../img/icon_arrow_red01.png) no-repeat right center;
}
.bukken .sorter {
  margin: 0 0 20px;
  padding: 0 0 0 30px;
}
.bukken .sorter li {
  display: inline-block;
  margin: 0 25px 0 0;
}
.bukken .sorter li a {
  color: #c1272d;
}
.bukken .sorter li.current a {
  color: #333333 !important;
  font-weight: bold;
}
.bukken .article {
  margin: 0 0 15px;
  padding: 0 0 15px;
  border-bottom: 1px dotted #b2b2b2;
}
.bukken .article .pic {
  float: left;
  width: 354px;
}
.bukken .article .pic div {
  float: left;
  margin: 0 0 0 10px;
  width: 172px;
}
.bukken .article .pic div:first-child {
  margin: 0;
}
.bukken .article .pic div img {
  width: 170px;
  height: 170px;
  border: 1px solid #333;
}
.bukken .article .content {
  margin: 0 0 0 375px;
  font-size: .9em;
}
.bukken .article .content .address {
  padding: 0 0 0 6px;
  color: #c1272d;
}
.bukken .article .content .catch {
  padding: 1px 6px;
  background: #c1272d;
  color: #fff;
}
.bukken .article .content .price {
  margin: 0 0 15px;
  padding: 0 0 0 6px;
  color: #c1272d;
  font-weight: bold;
}
.bukken .article .content .summary {
  margin: 0 0 6px;
  line-height: 1.5em;
  font-size: .8em;
}
.bukken .article .content .more {
  font-size: .8em;
  text-align: right;
}
.bukken .article .content .more a {
  padding: 0 15px 0 0;
  background: url(../img/icon_arrow_red03.png) no-repeat right 0;
  color: #c1272d;
}
.bukken .member-only {
  text-align: center;
}
/* =============== 物件詳細共通 =============== */
.bukken-detail {
  padding: 30px 0 0;
  background: url(../img/border_red02.png) no-repeat 0 0;
}
/* 右カラム */
.detail-picture {
  /* スライド */
  /* 担当者コメント */
  /* 地図&動画 */
}
.detail-picture h2 {
  margin: 0 0 12px;
  padding: 2px 12px 0;
  background: #c1272d;
  color: #fff;
  font-weight: bold;
}
.detail-picture .detail-slider {
  display: table;
  height: 400px;
}
.detail-picture .detail-slider li {
  position: static !important;
  display: table-cell;
  width: 610px;
  height: 400px;
  text-align: center;
  vertical-align: middle;
}
.detail-picture .detail-slider li img {
  max-width: 610px;
  max-height: 400px;
}
.detail-picture .detail-pager {
  margin: 20px auto 30px;
  padding: 0 20px 0 0;
  width: 552px;
}
.detail-picture .detail-pager a {
  display: block;
  float: left;
  margin: 0 0 20px 20px;
}
.detail-picture .detail-pager a img {
  width: 70px;
  border: 1px solid #eee;
}
.detail-picture .bx-prev,
.detail-picture .bx-next {
  margin-top: -90px;
  width: 21px;
  height: 180px;
}
.detail-picture .bx-prev {
  left: 0;
  background-image: url(../img/icon_arrow_gray03.png);
}
.detail-picture .bx-next {
  right: 0;
  background-image: url(../img/icon_arrow_gray04.png);
}
.detail-picture .comment {
  margin: 0 0 50px;
}
.detail-picture .comment h3 {
  margin: 0 0 10px;
  padding: 0 0 11px 10px;
  background: url(../img/border_red01.png) no-repeat 0 bottom;
}
.detail-picture .comment p {
  font-size: .8em;
}
.detail-picture .map {
  margin: 0 0 20px;
  padding: 20px 0 0;
  border-top: 1px dotted #8c8c8c;
}
.detail-picture .map #map_canvas {
  width: 610px;
  height: 430px;
}
.detail-picture .iframeWrap {
  position: relative;
  margin: 0 0 20px;
  width: 100%;
}
.detail-picture .iframeWrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
/* SNSボタン */
.sns-button li {
  display: inline-block;
  vertical-align: top;
}
.sns-button .twitter-share-button {
  width: 105px !important;
}
.sns-button .fb-like {
  width: 7.5em !important;
}
.sns-button .fb-like span {
  vertical-align: top !important;
}
#sub .sns-button {
  text-align: center;
}
/* 左カラム：物件情報 */
.detail-info {
  margin: 0 0 30px;
}
.detail-info li {
  padding: 8px 10px;
  border-bottom: 1px dotted #d9d9d9;
  color: #c1272d;
}
.detail-info li dl {
  display: table;
}
.detail-info li dt {
  display: table-cell;
  width: 7em;
  font-size: .8em;
  white-space: nowrap;
}
.detail-info li dd {
  display: table-cell;
  font-size: 1.1em;
  font-weight: bold;
}
/* 左カラム：バナー */
.detail-banner {
  margin: 0 0 30px;
}
.detail-banner li {
  -webkit-box-shadow: 0 0 10px #cccccc;
  -moz-box-shadow: 0 0 10px #cccccc;
  box-shadow: 0 0 10px #cccccc;
  margin: 0 0 20px;
  padding: 10px 0;
}
.detail-banner li a {
  color: #1a1a1a;
  text-decoration: none;
}
.detail-banner li.print a, .detail-banner li.mail a {
  display: block;
  margin: 0 auto;
  padding: 0 0 0 70px;
  width: 9em;
}
.detail-banner li.print a {
  background: url(../img/icon_print.png) no-repeat 0 center;
}
.detail-banner li.mail a {
  background: url(../img/icon_mail.png) no-repeat 0 center;
}
.detail-banner li.tel {
  text-align: center;
}
.detail-banner li.tel .number {
  display: inline-block;
  padding: 0 0 0 28px;
  background: url(../img/icon_telephone_gray.png) no-repeat 0 0;
  font-size: 1.4em;
  font-weight: bold;
}
/* =============== 賃貸ライブラリ =============== */
/* 物件一覧 */
#chintai.bukken {
  /* カテゴリ */
  /* ランキング */
  /* 物件数 */
  /* ページ送り */
  /* ソート */
}
#chintai.bukken .intro {
  margin: 0 0 20px;
}
#chintai.bukken .intro .area-map .map {
  text-align: center;
}
#chintai.bukken .intro .area-map .mihara {
  top: 199px;
  left: 90px;
}
#chintai.bukken .intro .area-map .onomichi {
  top: 169px;
  left: 195px;
}
#chintai.bukken .intro .area-map .ibara {
  top: 0px;
  right: 110px;
}
#chintai.bukken .intro .area-map .fukuyama {
  top: 140px;
  left: 300px;
}
#chintai.bukken .intro .area-map .kasaoka {
  top: 105px;
  right: 110px;
}
#chintai.bukken .intro .area-map .asakuchi {
  top: 70px;
  right: 10px;
}
#chintai.bukken .area li a {
  color: #ea5717;
}
#chintai.bukken .ranking li a {
  color: #ea5717;
}
#chintai.bukken .hits {
  background-image: url(../img/border_orange01.png);
  color: #ea5717;
}
#chintai.bukken .pager li a {
  color: #ea5717;
}
#chintai.bukken .pager .prev a {
  background-image: url(../img/icon_arrow_orange02.png);
}
#chintai.bukken .pager .next a {
  background-image: url(../img/icon_arrow_orange01.png);
}
#chintai.bukken .sorter li a {
  color: #ea5717;
}
#chintai.bukken .article .content .address {
  color: #ea5717;
}
#chintai.bukken .article .content .catch {
  background: #ea5717;
}
#chintai.bukken .article .content .price {
  color: #ea5717;
}
#chintai.bukken .article .content .more a {
  background-image: url(../img/icon_arrow_orange03.png);
  color: #ea5717;
}
/* 物件詳細 */
#chintai .bukken-detail {
  background-image: url(../img/border_orange02.png);
  /* 右カラム */
  /* 左カラム：物件情報 */
}
#chintai .bukken-detail .detail-picture {
  /* 担当者コメント */
}
#chintai .bukken-detail .detail-picture h2 {
  background: #ea5717;
}
#chintai .bukken-detail .detail-picture .comment h3 {
  background-image: url(../img/border_orange01.png);
}
#chintai .bukken-detail .detail-info li {
  color: #ea5717;
}
/* 法人様お問い合わせフォーム */
#chintai .contact #main {
  padding: 50px 0 0;
  background: url(../img/border_orange01.png) no-repeat 0 22px;
}
#chintai .contact #main h2 {
  padding: .3em .6em;
  border-left: 5px solid #ea5717;
  font-size: 1.1em;
  font-weight: bold;
}
/*サイドバー動画削除*/
#chintai .sub-banner li iframe{
display:none;
}
/* =============== 土地探し専門ナビ =============== */
/* 物件一覧 */
#tochi.bukken {
  /* カテゴリ */
  /* 物件数 */
  /* ページ送り */
  /* ソート */
}
#tochi.bukken .category li a {
  color: #1ea839;
}
#tochi.bukken .hits {
  background-image: url(../img/border_green01.png);
  color: #1ea839;
}
#tochi.bukken .pager li a {
  color: #1ea839;
}
#tochi.bukken .pager .prev a {
  background-image: url(../img/icon_arrow_green02.png);
}
#tochi.bukken .pager .next a {
  background-image: url(../img/icon_arrow_green01.png);
}
#tochi.bukken .sorter li a {
  color: #1ea839;
}
#tochi.bukken .article .content .address {
  color: #1ea839;
}
#tochi.bukken .article .content .catch {
  background: #1ea839;
}
#tochi.bukken .article .content .price {
  color: #1ea839;
}
#tochi.bukken .article .content .more a {
  background-image: url(../img/icon_arrow_green03.png);
  color: #1ea839;
}
/* 物件詳細 */
#tochi .bukken-detail {
  background-image: url(../img/border_green02.png);
  /* 右カラム */
  /* 左カラム：物件情報 */
}
#tochi .bukken-detail .detail-picture {
  /* 担当者コメント */
}
#tochi .bukken-detail .detail-picture h2 {
  background: #1ea839;
}
#tochi .bukken-detail .detail-picture .comment h3 {
  background-image: url(../img/border_green01.png);
}
#tochi .bukken-detail .detail-info li {
  color: #1ea839;
}
/* =============== 不動産買取センター34 =============== */
/* 共通：左サイドナビゲーション */
.estate-category {
  margin: 0 0 40px;
}
.estate-category h3 {
  margin: 0 0 20px;
}
.estate-category li {
  margin: 0 0 12px;
}
.estate-category li a {
  display: block;
  background: url(../img/sub_estate_nav_bg.png) no-repeat center 0;
  color: #fff;
  font-size: .9em;
  text-align: center;
  text-decoration: none;
  line-height: 62px;
}
.estate-category li a:hover {
  -webkit-transition: opacity 0.3s ease-in-out 0s;
  -moz-transition: opacity 0.3s ease-in-out 0s;
  -ms-transition: opacity 0.3s ease-in-out 0s;
  -o-transition: opacity 0.3s ease-in-out 0s;
  transition: opacity 0.3s ease-in-out 0s;
  opacity: .6;
}
/* 共通：冒頭の画像 */
.estate-intro {
  margin: 0 0 30px;
  padding: 40px 0 0;
  background: url(../img/border_blue01.png) no-repeat 0 28px;
}
.estate-intro p {
  text-align: center;
}
/* =============== 売買相談 =============== */
/* 共通 */
.free-dial {
  margin: 30px 0;
  text-align: center;
}
.baibai-nav {
  position: relative;
}
.baibai-nav .next, .baibai-nav .prev {
  position: absolute;
  top: 0;
}
.baibai-nav .next a, .baibai-nav .prev a {
  display: block;
  padding: 0 10px;
  line-height: 24px;
  border-radius: 5px;
  background: url(../img/bg_blue01.png) repeat-x 0 0;
  color: #fff;
  font-size: .8em;
  text-decoration: none;
  letter-spacing: 1px;
}
.baibai-nav .next a span, .baibai-nav .prev a span {
  display: block;
  padding: 0 10px 0 0;
  background: url(../img/icon_arrow_white01.png) no-repeat right center;
}
.baibai-nav .next {
  right: 0;
}
.baibai-nav .prev {
  left: 0;
}
.baibai-nav .prev a span {
  padding: 0 0 0 10px;
  background: url(../img/icon_arrow_white02.png) no-repeat 0 center;
}
.step-nav {
  margin: 50px auto;
  width: 614px;
}
.step-nav li {
  position: relative;
  float: left;
  margin: 0 15px 0 0;
  width: 90px;
  height: 70px;
  background: #edd6bc;
  font-size: .8em;
  line-height: 20px;
  text-align: center;
}
.step-nav li a {
  display: block;
  padding: 15px 0;
  color: #fff;
  text-decoration: none;
}
.step-nav li:after {
  border-left: 12px solid #edd6bc;
  border-top: 35px solid transparent;
  border-bottom: 35px solid transparent;
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: 45px;
}
.step-nav li.step06 {
  margin: 0;
  width: 89px;
}
.step-nav li.step06:after {
  border: 0;
}
.step-nav li:hover, .step-nav li.current {
  background: #736357;
}
.step-nav li:hover:after, .step-nav li.current:after {
  border-left-color: #736357;
}
/* 左サイドメニュー */
.sub-baibai-menu > ul > li {
  margin: 0 0 15px;
  /* 第1階層 */
}
.sub-baibai-menu > ul > li a {
  display: block;
  text-decoration: none;
}
.sub-baibai-menu > ul > li > a {
  padding: 0 5px;
  height: 24px;
  background: url(../img/sub_bg_baibai.png) no-repeat 0 0;
  color: #fff;
  line-height: 24px;
}
.sub-baibai-menu > ul > li ul {
  padding: 10px 0 10px 15px;
  border: solid #1b1464;
  border-width: 0 0 1px 1px;
}
.sub-baibai-menu > ul > li ul li {
  margin: 7px 0 0;
  font-size: .9em;
  font-weight: bold;
}
.sub-baibai-menu > ul > li ul li a {
  color: #1b1464;
}
.sub-baibai-menu > ul > li ul li a:before {
  content: "- ";
}
.sub-baibai-menu > ul > li ul li:first-child {
  margin: 0;
}
.sub-baibai-menu > ul .contact > a {
  padding: 0;
  height: auto;
  background: transparent;
}
/* 売却相談問い合わせフォーム */
.baibai-contact .description {
  margin: 0 0 1em;
}
.baibai-contact .about {
  margin: 0 0 1em;
}
.baibai-contact .about span {
  color: #f00;
}
.baibai-contact .form {
  margin: 0 0 30px;
  width: 100%;
  border-top: 1px solid #ccc;
}
.baibai-contact .form th, .baibai-contact .form td {
  padding: 8px 18px;
  border-bottom: 1px solid #ccc;
  font-size: .9em;
}
.baibai-contact .form th {
  font-weight: normal;
  white-space: nowrap;
}
.baibai-contact .form th strong {
  padding: 0 0 0 6px;
  color: #f00;
}
.baibai-contact .form td li {
  margin: 8px 0 0;
}
.baibai-contact .form td li:first-child {
  margin: 0;
}
.baibai-contact .form td li .label {
  display: inline-block;
  width: 14em;
}
.baibai-contact .form td .attention {
  margin: 6px 0 0;
}
.baibai-contact .form input, .baibai-contact .form textarea {
  padding: .3em .4em;
  border-radius: 3px;
  border: 1px solid #ccc;
}
.baibai-contact .form label {
  cursor: pointer;
}
.baibai-contact .form .input-error {
  color: #f00;
}
.baibai-contact .submit {
  text-align: center;
}
.baibai-contact .submit .confirm {
  padding: 10px 8px;
  width: 200px;
  border: 0;
  border-radius: 5px;
  background: #ea5717;
  color: #fff;
  text-align: center;
}
/* =============== 賃貸物件管理 =============== */
.manage .text01 {
  margin: 0 0 12px;
  text-align: center;
}
.manage .text02 {
  margin: 0 0 10px;
}
.manage .text03 {
  margin: 0 0 15px;
}
.manage .text04 {
  margin: 0 0 18px;
}
.manage .text06 {
  margin: 0 0 18px;
}
.manage .text07 {
  margin: 0 0 15px;
}
.manage .text08 {
  margin: 0 0 20px;
  text-align: center;
}
/* =============== 会社概要 =============== */
#company .visual {
  margin: 0 0 50px;
  padding: 20px 0 0;
  text-align: center;
}
#company section {
  margin: 0 0 30px;
}
/* =============== Ri PORTE =============== */
.ri-header {
  padding: 20px 0 0;
}
.ri-header h2 {
  margin: 0 0 40px;
  text-align: center;
float:left;
}
.ri-header .title_bnr{
float:right;
}
.ri-header .slider {
  position: relative;
  left: -30px;
  margin: 0 0 40px;
  width: 1020px;
}
.ri-header .slider .bx-wrapper .bx-controls-direction a {
  top: 0;
  margin: 0;
  width: 44px;
  height: 308px;
  z-index: 100;
}
.ri-header .slider .bx-wrapper .bx-controls-direction .bx-prev {
  left: 0;
  background-image: url(../img/icon_arrow_gray07.png);
}
.ri-header .slider .bx-wrapper .bx-controls-direction .bx-next {
  right: 0;
  background-image: url(../img/icon_arrow_gray08.png);
}
.ri-header .nav {
  margin: 0 0 40px;
  text-align: center;
}
.ri-header .nav li {
  -webkit-box-shadow: 0 0 10px #cccccc;
  -moz-box-shadow: 0 0 10px #cccccc;
  box-shadow: 0 0 10px #cccccc;
  display: inline-block;
  margin: 0 0 0 6px;
}
.ri-header .nav li:first-child {
  margin: 0;
}
.ri-content {
  position: relative;
  padding: 20px 40px;
  background: #fff;
}
.ri-content:before {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-box-shadow: 0 0 10px #cccccc;
  -moz-box-shadow: 0 0 10px #cccccc;
  box-shadow: 0 0 10px #cccccc;
  content: "";
  display: block;
  position: absolute;
  top: -15px;
  left: 220px;
  width: 30px;
  height: 30px;
  background: #fff;
  z-index: -1;
}
.ri-content:after {
  -webkit-box-shadow: 0 0 10px #cccccc;
  -moz-box-shadow: 0 0 10px #cccccc;
  box-shadow: 0 0 10px #cccccc;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
}
.ri-content.works:before {
  left: 470px;
}
.ri-content.contact:before {
  left: 720px;
}
/* コンセプト */
.ri-concept {
  padding: 230px 0 20px;
}
.ri-concept .text {
  margin: 0 auto;
  padding: 10px 0;
  width: 28em;
  border: solid #0b4f8a;
  border-width: 3px 0;
  font-size: .85em;
  text-align: center;
}
.ri-concept .text h3 {
  margin: 0 0 15px;
  padding: 8px 0 15px;
  border-bottom: 3px solid #0b4f8a;
}
.ri-concept .text .baloon {
  position: relative;
}
.ri-concept .text .baloon li {
  position: absolute;
}
.ri-concept .text .baloon .message01 {
  bottom: 38px;
  left: -198px;
}
.ri-concept .text .baloon .message02 {
  bottom: 190px;
  left: -235px;
}
.ri-concept .text .baloon .message03 {
  bottom: 200px;
  left: -8px;
}
.ri-concept .text .baloon .message04 {
  bottom: 230px;
  right: 12px;
}
.ri-concept .text .baloon .message05 {
  bottom: 195px;
  right: -204px;
}
.ri-concept .text .baloon .message06 {
  bottom: 5px;
  right: -225px;
}
.ri-concept .text .about {
  margin: 0 0 10px;
  padding: 0 0 10px;
  border-bottom: 1px dashed #0b4f8a;
}
/* 施工事例（一覧） */
.ri-works .works {
  padding: 20px 0 0;
}
.ri-works .works li {
  float: left;
  margin: 0 12px 20px 0;
  width: 211px;
  font-size: .9em;
  text-align: center;
}
.ri-works .works li:nth-child(4n) {
  margin-right: 0;
}
.ri-works .works .pic {
  margin: 0 0 6px;
}
.ri-works .works .pic img {
  width: 211px;
}
.ri-works .works .label {
  margin: 0 0 6px;
  padding: 0 0 2px;
  border-bottom: 1px dashed #333;
  font-weight: bold;
}
/* 施工事例（詳細） */
.ri-detail {
  padding: 15px 0 5px;
}
.ri-detail .meta {
  display: inline-block;
  margin: 0 0 20px;
}
.ri-detail .meta .category {
  font-size: 1.05em;
  font-weight: bold;
}
.ri-detail .meta .title {
  margin: 2px 0 0;
  padding: 6px 40px 0 0;
  min-width: 250px;
  border-top: 1px dashed #333;
}
.ri-detail .content .text {
  float: left;
  width: 470px;
}
.ri-detail .content .pic {
  float: right;
  width: 390px;
}
.ri-detail .content .pic .visual {
  margin: 0 0 15px;
}
.ri-detail .content .pic .visual img {
  width: 390px;
}
.ri-detail .content .pic ul li {
  float: left;
  margin: 0 15px 15px 0;
  width: 120px;
}
.ri-detail .content .pic ul li:nth-child(3n) {
  margin-right: 0;
}
.ri-detail .content .pic ul img {
  width: 120px;
}
/* =============== お知らせ =============== */
#topics {
  /* 新着一覧 */
  /* 左サイド：カテゴリ */
}
#topics .entry-listing table {
  width: 100%;
}
#topics .entry-listing td {
  padding: 8px;
  border-top: 1px dotted #ccc;
}
#topics .entry-listing .date {
  width: 9em;
}
#topics .entry-listing tr:first-child td {
  border: 0;
}
#topics .category h3 {
  font-size: .95em;
}
#topics .category li {
  list-style: disc inside;
}
#topics .category a {
  text-decoration: none;
}
/* SNSボタン */
.sns-button {
  margin-bottom: 1em;
  text-align: right;
}
.sns-button li {
  display: inline-block;
  margin-left: 10px;
  vertical-align: top;
}
.sns-button .twitter-share-button {
  width: 90px !important;
}
.sns-button .fb-like {
  width: 7.5em !important;
}
.sns-button .fb-like span {
  vertical-align: top !important;
}
/* =============== お問い合わせフォーム =============== */
.contact .about {
  margin: 1em 0;
  font-size: .9em;
}
.contact .input-error {
  display: block;
  margin: 0 0 .4em;
  color: #ea5717;
  font-size: .9em;
}
.contact .form {
  width: 100%;
  font-size: .85em;
}
.contact .form th, .contact .form td {
  padding: .5em 1em;
  border: 1px solid #ccc;
}
.contact .form th {
  position: relative;
  width: 11em;
  background: #eee;
  vertical-align: top;
}
.contact .form th strong {
  position: absolute;
  top: 8px;
  right: 8px;
  padding: 0px 6px;
  border-radius: 2px;
  background: #ea5717;
  color: #fff;
  font-size: .8em;
  font-weight: normal;
}
.contact .form input, .contact .form textarea {
  padding: .3em .6em;
  border: 1px solid #ccc;
}
.contact .form label {
  cursor: pointer;
}
.contact .submit {
  text-align: center;
}
.contact .submit form {
  display: inline;
}
.contact .submit .back {
  margin: 20px 6px;
  padding: 10px 8px;
  width: 200px;
  border: 0;
  border-radius: 5px;
  background: #1ea839;
  color: #fff;
  text-align: center;
}
.contact .submit .confirm {
  margin: 20px 6px;
  padding: 10px 8px;
  width: 200px;
  border: 0;
  border-radius: 5px;
  background: #ea5717;
  color: #fff;
  text-align: center;
}
/* =============== 会員関連画面 =============== */
#main .aform-header {
  border-bottom: 0;
}
.member-page .finished {
  margin: 0 0 1em;
  padding: 10px;
  background: #E1EEFF;
}
.member-page .error {
  margin: 0 0 1em;
  padding: 10px;
  background: #ffe1e1;
}
.member-page form {
  margin: 1em 0;
}
.member-page form table {
  margin: 0 0 1em;
}
.member-page form table th, .member-page form table td {
  padding: .8em;
  border: 1px solid #ccc;
}
.member-page form table th {
  background: #eee;
  font-size: .9em;
}
.member-page form input[type="submit"] {
  padding: 14px 12px 12px;
  width: 180px;
  border-radius: 7px;
  border: 0;
  background: #ea5717;
  color: #fff;
  font-size: 1em;
  font-weight: bold;
  text-decoration: none;
}
/* =============== 404ページ =============== */
.error404 p {
  margin: 0 0 1em;
}
.error404 ul {
  padding: 0 0 0 30px;
}
.error404 ul li {
  list-style-type: disc;
}
article, aside, details, figcaption, figure,
header, main, nav, footer, section, summary {
  display: block;
}
audio, canvas, video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
/* basic */
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body, header, footer, section {
  margin: 0;
}
a:focus {
  outline: thin dotted;
}
a:active, a:hover {
  outline: 0;
}
/* text */
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  font-size: 100%;
  font-weight: normal;
}
dl, dd, p {
  margin: 0;
}
ul, ol {
  margin: 0;
  padding: 0;
}
li {
  list-style-type: none;
}
b, strong {
  font-weight: bold;
}
/* code/pre */
code, pre {
  font-family: monospace, serif;
  font-size: 1em;
}
pre {
  white-space: pre-wrap;
}
/* sub/sup */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* visual */
img {
  border: 0;
  vertical-align: top;
}
img[usemap] {
  height: auto;
  max-width: 100%;
  width: auto;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 0;
}
/* other */
hr {
  display: block;
  margin: 1em 0;
  padding: 0;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
mark {
  background: #ff0;
  color: #000;
}
/* form */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
legend {
  border: 0;
  padding: 0;
}
button, input, select, textarea {
  /*font-family: inherit;*/
  font-size: 100%;
  margin: 0;
}
button, input {
  line-height: normal;
}
button, select {
  text-transform: none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled], html input[disabled] {
  cursor: default;
}
input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
/* table */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
th {
  text-align: left;
}
/* =============== variable =============== */
/* =============== mixin =============== */
/* =============== extend =============== */
#site-header .inner, #site-header #site-nav ul, #contents, #site-footer .company .inner, #site-footer .content, #index .service-banner, #index .pick-up, .visualNav {
  margin-right: auto;
  margin-left: auto;
  width: 960px;
}
#contents:after, #site-footer .company .inner:after, #site-footer .content:after, #site-footer .content .main:after, #site-footer .content .other:after, #index .service-banner ul:after, #index .pick-up .pick-up-slider:after, #index .information ul:after, #index .social-link ul:after, .visualNav ul:after, .bukken .ranking li a:after, .bukken .article:after, .bukken .article .pic:after, .detail-picture .detail-pager:after, .step-nav:after, .ri-works .works:after, .ri-detail .content:after, .ri-detail .content .pic ul:after, .baibai-step .step-contents .section .img-right:after {
  display: block;
  clear: both;
  content: "";
}
#site-footer .content .main a, #index .topics dd a, #index .new-release dd a, .bukken .pager li a, .bukken .sorter li a, .bukken .article .content .more a, #topics .category a {
  text-decoration: none;
}
#site-footer .content .main a:hover, #index .topics dd a:hover, #index .new-release dd a:hover, .bukken .pager li a:hover, .bukken .sorter li a:hover, .bukken .article .content .more a:hover, #topics .category a:hover {
  text-decoration: underline;
}
#editor-input-content {
  width: 670px;
}
/* =============== 見出し =============== */
.title-01 {
  position: relative;
  margin: 0 0 25px;
  padding: 0 0 4px 8px;
  border-bottom: 1px dotted #8c8c8c;
  color: #000;
  font-weight: bold;
}
.title-01 .jp {
  position: absolute;
  top: 0;
  right: 8px;
  font-weight: normal;
}
.title-02, #main .aform-header {
  margin: 0 0 20px;
  padding: .3em .6em;
  border-left: 5px solid #1ea839;
  font-size: 1.1em;
  font-weight: bold;
}
.title-03 {
  margin: 0 0 20px;
  padding: .2em .6em;
  background: url(../img/title_bg_blue01.png) no-repeat 0 0;
  color: #fff;
  font-size: 1.1em;
}
/* =============== テキスト =============== */
.entry p {
  margin: 1em 0;
}
/* =============== リスト =============== */
.list-01 {
  padding: 0 0 0 10px;
}
.list-01 li {
  margin: 0 0 15px;
}
.list-01 li b {
  position: relative;
  display: inline-block;
  padding: 2px 8px;
  border: 1px solid #c1272d;
  background: #fff;
  color: #c1272d;
  font-size: .95em;
}
.list-01 li b:after {
  position: absolute;
  top: 0;
  right: -6px;
  display: block;
  width: 5px;
  height: 100%;
  background: #fff;
  content: "";
}
.list-01 li .description {
  display: block;
  margin: -1em 0 30px;
  padding: 20px 10px 10px;
  border-top: 1px solid #c1272d;
  font-size: .9em;
}
/* =============== テーブル =============== */
.table-01 th, .table-01 td {
  padding: 10px 20px;
}
.table-01 th {
  font-weight: normal;
  white-space: nowrap;
  vertical-align: top;
}
/* =============== 不動産買取センター34 =============== */
/* 共通：見出し */
.estate-title {
  margin: 0 0 20px;
  padding: 0 0 15px 20px;
  background: url(../img/border_blue01.png) no-repeat 0 bottom;
  color: #171c61;
}
/* 当社が選ばれる5つのポイント */
.estate-point .about {
  margin: 0 0 20px;
  padding: 0 10px;
  font-size: .9em;
}
.estate-point .points {
  padding: 0 20px;
}
.estate-point .points li {
  margin: 0 0 12px;
  padding: 18px 10px;
  background: #171c61;
}
.estate-point .points li .point {
  display: block;
  float: left;
}
.estate-point .points li .text {
  margin: 0 0 0 180px;
  padding: 8px 8px 0;
  height: 61px;
  border-radius: 3px;
  background: #fff;
  line-height: 1.5em;
  font-size: .8em;
  color: #171c61;
}
/* 不動産買い取りまでの流れ */
.estate-flow .about {
  margin: 0 0 20px;
  padding: 0 10px;
  font-size: .9em;
}
.estate-flow .flow {
  padding: 0 20px;
}
.estate-flow .flow li {
  position: relative;
  margin: 0 0 60px;
  padding: 6px 15px;
  border: 3px solid #ccc;
}
.estate-flow .flow li h3 {
  margin: 0 0 6px;
  font-size: 1.15em;
  font-weight: bold;
}
.estate-flow .flow li .step {
  display: inline-block;
  width: 90px;
}
.estate-flow .flow li .attention {
  padding: 0 0 0 10px;
  font-size: .8em;
}
.estate-flow .flow li .text {
  padding: 0 0 0 90px;
  font-size: .9em;
}
.estate-flow .flow li:before {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
  right: -25px;
  bottom: -25px;
  display: block;
  border: 25px solid transparent;
  border-top: 25px solid #ccc;
  content: "";
}
.estate-flow .flow li:after {
  position: absolute;
  bottom: -55px;
  left: 50%;
  display: block;
  margin: 0 0 0 -26px;
  width: 52px;
  height: 42px;
  content: "";
}
.estate-flow .flow .step01 {
  border-color: #29abe2;
}
.estate-flow .flow .step01 .step {
  color: #29abe2;
}
.estate-flow .flow .step01:before {
  border-top-color: #29abe2;
}
.estate-flow .flow .step01:after {
  background: url(../img/icon_arrow_estate01.png) no-repeat 0 0;
}
.estate-flow .flow .step02 {
  border-color: #8cc63f;
}
.estate-flow .flow .step02 .step {
  color: #8cc63f;
}
.estate-flow .flow .step02:before {
  border-top-color: #8cc63f;
}
.estate-flow .flow .step02:after {
  background: url(../img/icon_arrow_estate02.png) no-repeat 0 0;
}
.estate-flow .flow .step03 {
  border-color: #009245;
}
.estate-flow .flow .step03 .step {
  color: #009245;
}
.estate-flow .flow .step03:before {
  border-top-color: #009245;
}
.estate-flow .flow .step03:after {
  background: url(../img/icon_arrow_estate03.png) no-repeat 0 0;
}
.estate-flow .flow .step04 {
  border-color: #f15a24;
}
.estate-flow .flow .step04 .step {
  color: #f15a24;
}
.estate-flow .flow .step04:before {
  border-top-color: #f15a24;
}
.estate-flow .flow .step04:after {
  background: url(../img/icon_arrow_estate04.png) no-repeat 0 0;
}
.estate-flow .flow .step05 {
  border-color: #c1272d;
}
.estate-flow .flow .step05 .step {
  color: #c1272d;
}
.estate-flow .flow .step05:before {
  border-top-color: #c1272d;
}
/* 買取に関するお客様からのQ&A */
.estate-qa .about {
  margin: 0 0 20px;
  padding: 0 10px;
  font-size: .9em;
}
.estate-qa .qa {
  padding: 0 20px;
}
.estate-qa .qa dt, .estate-qa .qa dd {
  position: relative;
  padding-left: 50px;
  font-size: .9em;
}
.estate-qa .qa dt {
  margin: 0 0 6px;
  padding-bottom: 3px;
  border-bottom: 1px dashed #0071bc;
  color: #0071bc;
  font-weight: bold;
}
.estate-qa .qa dd {
  margin: 0 0 20px;
  line-height: 1.5em;
}
.estate-qa .qa .q, .estate-qa .qa .a {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 30px;
  text-align: right;
  font-weight: bold;
}
/* 「山陽不動産」買取の8つのメリット */
.estate-merit .about {
  margin: 0 0 20px;
  padding: 0 10px;
  font-size: .9em;
}
.estate-merit .merit {
  padding: 0 20px;
}
.estate-merit .merit li {
  margin: 0 0 12px;
}
.estate-merit .merit li h3 {
  margin: 0 0 10px;
  padding: 10px 8px;
  border: solid #f15a24;
  border-width: 1px 1px 1px 10px;
  color: #f15a24;
  font-weight: bold;
}
.estate-merit .merit li .text {
  padding: 0 0 0 20px;
  font-size: .9em;
}
/* =============== 売買相談 =============== */
/* 売買相談Top */
.baibai-index .door {
  margin: 0 0 80px;
}
.baibai-index .door li {
  margin: 0 0 30px;
}
.baibai-index .door li b {
  margin: 0 0 8px;
  font-size: 1.2em;
  font-weight: bold;
}
/* 売却不動産大募集 */
.baibai-bosyu .example {
  margin: 0 0 15px;
  padding: 0 15px;
  font-size: 1.4em;
  font-weight: bold;
}
.baibai-bosyu .banner {
  margin: 0 0 25px;
  text-align: center;
}
.baibai-bosyu .text {
  padding: 0 25px;
}
.baibai-bosyu .text p {
  margin: 1em 0;
}
/* 山陽不動産が選ばれてる！5つの特徴 */
.baibai-feature .banner {
  margin: 0 0 20px;
}
.baibai-feature .section {
  margin: 0 0 15px;
}
.baibai-feature .section h3 {
  margin: 0 0 8px;
}
.baibai-feature .section p {
  margin: 0 0 15px;
}
.baibai-feature .section dl {
  display: table;
}
.baibai-feature .section dl dt, .baibai-feature .section dl dd {
  display: table-cell;
  font-size: .95em;
}
.baibai-feature .section dl dt {
  width: 17em;
  white-space: nowrap;
}
/* 不動産売却失敗しないためのSTEP */
.baibai-step .banner {
  margin: 0 0 30px;
}
.baibai-step .step-contents {
  margin: 0 auto;
  width: 614px;
}
.baibai-step .step-contents .title {
  margin: 0 0 15px;
}
.baibai-step .step-contents .title h3 {
  margin: 0 0 12px;
}
.baibai-step .step-contents .section {
  margin: 0 0 15px;
}
.baibai-step .step-contents .section h4 {
  position: relative;
  display: inline-block;
  margin: 0 0 15px;
  padding: 4px 8px;
  background: #c1272d;
  color: #fff;
  font-size: 1.1em;
  font-weight: bold;
}
.baibai-step .step-contents .section h4:after {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 614px;
  height: 0;
  border-bottom: 1px solid #c1272d;
  content: "";
  z-index: -1;
}
.baibai-step .step-contents .section .text p {
  margin: 0 0 1em;
}
.baibai-step .step-contents .section .img-right .img {
  float: right;
  margin: 0 0 20px 20px;
}
.baibai-step .step-contents ol {
  margin: 0 0 20px;
  padding: 0 0 0 35px;
}
.baibai-step .step-contents ol li {
  list-style-type: decimal;
}
.baibai-step .step-contents .orange {
  margin: 0 0 8px;
  color: #f15a24;
  font-size: 1.15em;
}
.baibai-step .step-contents .red {
  color: #c1272d;
}
.baibai-step .step-contents .keiyaku {
  position: relative;
  padding: 10px 10px 10px 55px;
  background: url(../img/bg_pink01.png) repeat 0 0;
}
.baibai-step .step-contents .keiyaku h5 {
  position: absolute;
  top: 10px;
  left: 4px;
  color: #fff;
  font-size: 1.15em;
  font-weight: bold;
  writing-mode: tb-rl;
  -moz-writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
}
.baibai-step .step-contents .keiyaku ol {
  margin: 0;
  padding: 10px 10px 10px 40px;
  background: #fff;
  color: #9e005d;
  font-size: 1.1em;
  font-weight: bold;
}
.baibai-step .step-contents .keiyaku ol .small {
  font-size: .8em;
}
.baibai-step .step-contents .final ol {
  padding: 0;
}
.baibai-step .step-contents .final li {
  margin: 0 0 20px;
  list-style-type: none;
}
.baibai-step .step-contents .final li b {
  color: #d6635b;
  font-size: 1.2em;
  font-weight: bold;
}
.baibai-step .step-contents .final li .description {
  padding: 2px 0 0 1.5em;
}
/* =============== variable =============== */
/* =============== mixin =============== */
/* =============== extend =============== */
#site-header .inner, #site-header #site-nav ul, #contents, #site-footer .company .inner, #site-footer .content, #index .service-banner, #index .pick-up, .visualNav {
  margin-right: auto;
  margin-left: auto;
  width: 960px;
}
#contents:after, #site-footer .company .inner:after, #site-footer .content:after, #site-footer .content .main:after, #site-footer .content .other:after, #index .service-banner ul:after, #index .pick-up .pick-up-slider:after, #index .information ul:after, #index .social-link ul:after, .visualNav ul:after, .bukken .ranking li a:after, .bukken .article:after, .bukken .article .pic:after, .detail-picture .detail-pager:after, .step-nav:after, .ri-works .works:after, .ri-detail .content:after, .ri-detail .content .pic ul:after, .baibai-step .step-contents .section .img-right:after {
  display: block;
  clear: both;
  content: "";
}
#site-footer .content .main a, #index .topics dd a, #index .new-release dd a, .bukken .pager li a, .bukken .sorter li a, .bukken .article .content .more a, #topics .category a {
  text-decoration: none;
}
#site-footer .content .main a:hover, #index .topics dd a:hover, #index .new-release dd a:hover, .bukken .pager li a:hover, .bukken .sorter li a:hover, .bukken .article .content .more a:hover, #topics .category a:hover {
  text-decoration: underline;
}
/* =============== extend =============== */
/* シンプルテーブル */
.simple th, .simple td {
  padding: 6px 8px 3px;
  border: 1px solid #a2a2a2;
}
.simple th {
  background: #f7f6f0;
}
.simple td {
  background: #fff;
}
/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
  margin: 0 0 10px;
}
/** THEME
===================================*/
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -35px;
  width: 100%;
}
/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url(../img/bx_loader.gif) center center no-repeat white;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #000;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: -22px;
  background: url(../img/icon_arrow_gray01.png) no-repeat 0 0;
}
.bx-wrapper .bx-next {
  right: -22px;
  background: url(../img/icon_arrow_gray02.png) no-repeat 0 0;
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -38px;
  width: 11px;
  height: 75px;
  text-indent: -9999px;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}
/* AUTO CONTROLS (START / STOP) */
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
/* IMAGE CAPTIONS */
/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */
.jspContainer {
  overflow: hidden;
  position: relative;
}
.jspPane {
  position: absolute;
}
.jspVerticalBar {
  position: absolute;
  top: 0;
  right: 4px;
  width: 2px;
  height: 100%;
  background: red;
}
.jspHorizontalBar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 16px;
  background: red;
}
.jspCap {
  display: none;
}
.jspHorizontalBar .jspCap {
  float: left;
}
.jspTrack {
  background: #808080;
  position: relative;
}
.jspDrag {
  background: #808080;
  position: relative;
  top: 0;
  left: -4px;
  width: 10px;
  cursor: pointer;
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
  float: left;
  height: 100%;
}
.jspArrow {
  background: #50506d;
  text-indent: -20000px;
  display: block;
  cursor: pointer;
  padding: 0;
  margin: 0;
}
.jspArrow.jspDisabled {
  cursor: default;
  background: #80808d;
}
.jspVerticalBar .jspArrow {
  height: 16px;
}
.jspHorizontalBar .jspArrow {
  width: 16px;
  float: left;
  height: 100%;
}
.jspVerticalBar .jspArrow:focus {
  outline: none;
}
.jspCorner {
  background: #eeeef4;
  float: left;
  height: 100%;
}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
  margin: 0 -3px 0 0;
}
/*
Colorbox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
}
#cboxWrapper {
  max-width: none;
}
#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}
#cboxMiddleLeft, #cboxBottomLeft {
  clear: left;
}
#cboxContent {
  position: relative;
}
#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
#cboxTitle {
  margin: 0;
}
#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer;
}
.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic;
}
.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
}
#colorbox, #cboxContent, #cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}
/*
User Style:
Change the following styles to modify the appearance of Colorbox.  They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: #fff;
  opacity: 0.9;
  filter: alpha(opacity=90);
}
#colorbox {
  outline: 0;
}
#cboxTopLeft {
  width: 25px;
  height: 25px;
  background: url(../img/border1.png) no-repeat 0 0;
}
#cboxTopCenter {
  height: 25px;
  background: url(../img/border1.png) repeat-x 0 -50px;
}
#cboxTopRight {
  width: 25px;
  height: 25px;
  background: url(../img/border1.png) no-repeat -25px 0;
}
#cboxBottomLeft {
  width: 25px;
  height: 25px;
  background: url(../img/border1.png) no-repeat 0 -25px;
}
#cboxBottomCenter {
  height: 25px;
  background: url(../img/border1.png) repeat-x 0 -75px;
}
#cboxBottomRight {
  width: 25px;
  height: 25px;
  background: url(../img/border1.png) no-repeat -25px -25px;
}
#cboxMiddleLeft {
  width: 25px;
  background: url(../img/border2.png) repeat-y 0 0;
}
#cboxMiddleRight {
  width: 25px;
  background: url(../img/border2.png) repeat-y -25px 0;
}
#cboxContent {
  background: #fff;
  overflow: hidden;
}
.cboxIframe {
  background: #fff;
}
#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}
#cboxLoadedContent {
  margin-bottom: 20px;
}
#cboxTitle {
  position: absolute;
  bottom: 0px;
  left: 0;
  text-align: center;
  width: 100%;
  color: #999;
}
#cboxCurrent {
  position: absolute;
  bottom: -3px;
  left: 130px;
  color: #999;
}
#cboxLoadingOverlay {
  background: white url(../img/loading.gif) no-repeat 5px 5px;
}
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  width: auto;
  background: none;
}
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
  outline: 0;
}
#cboxSlideshow {
  position: absolute;
  bottom: 0px;
  right: 42px;
  color: #444;
}
#cboxPrevious {
  position: absolute;
  bottom: 0px;
  left: 0;
  color: #444;
}
#cboxNext {
  position: absolute;
  bottom: 0px;
  left: 73px;
  color: #444;
}
#cboxClose {
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  color: #444;
}
/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}
/*media*/
.media_title{
color:#7fc8a2;
font-weight:bold;
border-bottom:1px solid #7fc8a2;
margin-top:25px;
}
.title_en{
float:right;
}
.media_nav{
width:790px;
margin:25px auto;
overflow:hidden;
}
.media_nav li{
width:70px;
border-top:1px dotted #f15a24;
border-bottom:1px dotted #f15a24;
padding:7px 0;
text-align:center;
float:left;
margin-right:20px;
}
.media_nav li:last-child{
margin-right:0;
}
.media_nav li a{
text-decoration:none;
color:#f15a24;
}
.media_year{
overflow:hidden;
}
.media_box{
width:442px;
height:556px;
float:left;
position:relative;
margin-left:25px;
margin-bottom:25px;
background:url(media_bg.jpg);
}
.magazine{
border:1px solid #f15a24;
}
.magazine .media_box_title{
width:449px;
height:35px;
background:url(http://sanyou34.com/assets/images/orange_rbn.png) no-repeat;
position:absolute;
top:20px;
left:-10px;
padding:2px 0 0 30px;
color:white;
}
.newspaper{
border:1px solid #39b54a;
}
.newspaper .media_box_title{
width:449px;
height:35px;
background:url(http://sanyou34.com/assets/images/green_rbn.png) no-repeat;
position:absolute;
top:20px;
left:-10px;
padding:2px 0 0 30px;
color:white;
}
.media_image_box{
width:396px;
height:338px;
line-height:338px;
margin:70px auto 0;
background:white;
vertical-align:middle;
text-align:center;
}
.media_image_box img{
vertical-align:middle;
}
.entry p.media_text{
font-size:13px;
width:394px;
margin:15px auto 0;
}
.flag{
position:absolute;
right:0;
bottom:0;
}
.pagetop {
 display: none;
 position: fixed;
 bottom: 50px;
 right: 20px;
 z-index:99999;
}
   .enkaku_nendai{
   overflow:hidden;
   padding:0 0 10px;
   }
   .enkaku_nendai dt{
   float:left;
   clear:left;
   font-size:15px;
   width:100px;
   margin-bottom:15px;
   }
   .enkaku_nendai dd{
   float:left;
   width:390px;
   margin-bottom:15px;
   }
   .enkaku_1969 dt{
   color:#F39700;
   }
   .enkaku_2000 dt{
   color:#F39700;
   }
   .c4_chirashi{
   width:870px;
   margin:15px auto 0;
   }
   .c4_chirashi li{
   padding:10px;
   }
/*staff shoukai*/
#staff-nav{
width:600px;
margin:25px auto;
overflow:hidden;
}
#staff-nav li{
width:150px;
border-top:1px dotted #f15a24;
border-bottom:1px dotted #f15a24;
padding:7px 0;
text-align:center;
float:left;
margin-right:20px;
margin-bottom:15px;
font-size:15px;
}
#staff-nav li:last-child{
margin-right:0;
}
#staff-nav li a{
text-decoration:none;
color:#f15a24;
}
   .staff_page_sub{
   margin:50px auto 20px;
   }
   .staff_page_image{
   overflow:hidden;
   margin-bottom:20px;
   }
   .staff_page_image li{
   float:left;
   margin:8px;
   }
/**
スライダー　Swiper
**/
.swiper-container {
position: relative;
overflow: hidden;
padding: 20px 0;
height: 40vw;
max-height: 600px;
min-height: 400px;
}
.swiper-container .swiper-slide {
text-align: center;
line-height: 1;
display: flex;
align-items: flex-start;
justify-content: center;
}
.swiper-container .swiper-slide img {
display: inline;
width: auto;
max-width: 100%;
max-height: 100%;
align-self: center;
}
.swiper-container .swiper-button-white:focus {
outline: none;
}
.swiper-container .swiper-button-prev {
left: 25px;
}
.swiper-container .swiper-button-next {
right: 25px;
}
.thumblist.swiper-pagination-custom {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.thumblist.swiper-pagination-custom .thumblist-item {
width: 20%;
position: relative;
}
.thumblist.swiper-pagination-custom .thumblist-item:before {
content: "";
display: block;
padding-top: 100%;
}
.thumblist.swiper-pagination-custom .thumblist-item img {
position: absolute;
width: 94%;
height: 94%;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
object-fit: cover;
}