@charset "UTF-8";
/* =============================================================
//
//  skeltone.css
//
//  HEADER
//  NAVIGATION
//  BREADCRUMB
//  CONTENT
//  ARTICLE
//  ASIDE
//  FOOTER
//
//  SLEEVE - COL
//  WP-PAGENAVI
//  PAGENAVI（ページ内ナビ）
//
// ============================================================*/



/* ======================================================
// 共通要素
// ====================================================*/
.inner {
  max-width: 1100px;
  position: relative;
  margin: 0 auto;
  text-align: left;
}
.inner.wide {
  max-width: 1300px;
}
.inner::after { content: ""; display: table; clear: both; }
@media screen and (max-width: 767px) {
  .inner {
    overflow-x: hidden;
  }
}

header, footer {
  display: block;
  width: 100%;
}
#content {
  margin-top: 30px;
}

@media screen and (min-width: 1030px) {
  article {
    width: 760px;
  }
  aside {
    width: 270px;
  }
}
@media screen and (min-width: 768px) {
  body {
    height: auto;
    margin: 0 auto;
  }
  body.home {
    padding-top: 48px;
  }
  article {
    width: 69%;
    float: left;
  }
  aside {
    width: 240px;
    float: right;
  }
}
@media screen and (max-width: 767px) {
  body {
    padding-top: 60px;
  }
}


/* aside layout */
.asidelayout > * {
  float: none!important;
}
.asidelayout article, .asidelayout aside {
  box-sizing: border-box;
}


@media (min-width: 1100px) {
  .asidelayout article {
    margin-right: 30px;
  }
}
@media (max-width: 1099px) and (min-width: 768px) {
  .asidelayout article {
    margin-right: 20px;
  }
}
@media (min-width: 768px) {
  .asidelayout {
    display: flex;
  }
  .asidelayout article {
    flex: 1;
  }
}
@media (max-width: 767px) {
  .asidelayout article {
    margin-bottom: 50px;
  }
}
@media (min-width: 1100px) {
  .asidelayout aside {
    width: 240px;
    flex-basis: 240px;
  }
}
@media (max-width: 1099px) and (min-width: 768px) {
  .asidelayout aside {
    width: 27%;
    flex-basis: 27%;
  }
}


/* ======================================================
//  HEADER
// ====================================================*/
header {
  position: relative;
}
@media screen and (min-width: 768px) {
  #siteheading {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    background: url(../images/mv/bg_trans_heading_copy.png) repeat 0 0;
    text-align: center;
    z-index: 20;
  }
  .sitetitle {
    background-color: #3b481c;
    font-size: 12px;
    padding: 3px 0;
  }
  .sitetitle h1 {
    font-weight: normal;
  }
  .sitetitle h1,
  .sitetitle h1 a {
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
  }
  #siteheading img {
    width: 100%;
    height: auto;
  }
  header > .sitetitle {
    margin-bottom: 5px;
  }
  .inner #sitelogo {
    width: 581px;
    float: left;
    margin-top: 15px;
  }
  .inner #inducebanner {
    width: 360px;
    height: 110px;
    float: right;
  }
}
@media screen and (max-width: 767px) {
  .sitetitle {
    position: fixed;
    width: 100%;
    height: 60px;
    top: 0;
    left: 0;
    z-index: 999;
    background-color: #fff;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.5);
  }
  .home header h1.inner,
  header h1.inner a {
    display: block;
    text-indent: -400%;
    white-space: nowrap;
    overflow: hidden;
    width: 190px;
    height: 38px;
    margin-top: 10px;
    margin-left: 0;
    background: url(../images/mv/logo_main_sp.png) no-repeat 0 0;
    background-size: contain;
  }
  #spbtns {
    position: absolute;
    width: 120px;
    height: 60px;
    top: 0;
    right: 0;
  }
  #spbtns a,
  #spbtns i {
    width: 60px;
    height: 60px;
    line-height: 60px;
    float: left;
    background-color: rgba(236,220,193,0.5);
  }
  #spbtns i {
    background-color: rgba(236,220,193,1.0);
  }
  header #inducebanner {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 999;
  }
  header #inducebanner img { display: none; }
  header #inducebanner a {
    display: block;
    height: 80px;
    background: url(../images/mv/ban_induce_quote_sp.png) no-repeat 50% 100%;
    background-size: contain;
  }
}

/*FRONTPAGE*/
@media screen and (min-width: 768px) {
  .home #inducebanner {
    position: absolute;
    top: 155px;
    left: 0;
    width: 100%;
  }
  .home #inducebanner .inner { text-align: right; }
  .home #sitelogo {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
  }
  .home #sitelogo img {
    width: 95%;
    height: auto;
  }
  .home #certified {
    text-align: right;
    font-size: 10px;
    line-height: 1.3;
    color: #e9e4cd;
    position: relative;
    top: -6px;
  }
}
@media screen and (max-width: 767px) {
  #sitelogo {
    display: none;
  }
  .home .headingcopy {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 20;
    text-align: center;
    padding: 10px 0;
    background: url(../images/mv/bg_trans_heading_copy.png) repeat 0 0;
  }
  .home .headingcopy img {
    width: 90%;
    height: auto;
  }
  .home #certified {
    display: none;
  }
}
/* IF IS USER LOGGED IN */
.logged-in header {
  background: url(../images/nav_bg.jpg) no-repeat top right;
  background-size: cover;
}
.logged-in #sitelogo a {
  display: block;
  width: 581px;
  height: 74px;
  background-image: url(../images/logo_kaitori8_dark.png);
  background-size: contain;
  background-repeat: no-repeat;
}
.logged-in #sitelogo a img {
  display: none;
}


/* ======================================================
//  MAINVISUAL
// ====================================================*/
#mainvisual img {
  width: 100%;
  height: auto;
  position: relative;
}


/* ======================================================
//  NAVIGATION
// ====================================================*/
nav {
  background-color: #fff;
  box-shadow: 0 3px 5px rgba(0,0,0,0.5);
  position: relative;
}
nav ul li a {
  display: block;
  text-align: center;
}
nav ul li a span {
  padding: 10px 5px;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  nav ul .current a span,
  nav a:focus span {
    background: url(../images/nav_line_current.png) repeat-x left bottom;
  }
  nav ul li {
    width: 16.6666%;
    float: left;
    position: relative;
  }
  nav ul li::after {
    content: "";
    display: block;
    position: absolute;
    top: 15px;
    right: 0;
    height: 1em;
    width: 1px;
    background-color: #3b140e;
  }
  nav ul li:last-child::after {
    display: none;
  }
}
@media screen and (max-width: 767px){
  nav {
    z-index: 100;
    box-shadow: none;
  }
  nav ul {
    width: 100%;
    background-color: #F7F7F7;
    box-shadow: none;
    position: fixed!important;
    top: -100vh;
    left: 0;
    right: 0;
    z-index: 1000;
    transition: all .5s;
  }
  nav ul.on { top: 90px; }
  nav ul.open { top: 60px; }
  nav ul li {
    border-bottom: 1px solid #CBCBCB;
  }
  nav ul li a span {
    padding: 10px 5px;
    display: block;
  }
  nav ul li.phone,
  nav ul li.contact {
    display: block;
    float: left;
    width: 50%;
    border-bottom: none;
  }
  nav ul li.phone a,
  nav ul li.contact a{
    background-color: #3b140e;
    color: #fff;
    text-align: center;
    font-size: 25px;
    padding: 2px 0;
  }
  nav ul li.phone a {
    border-left: 1px solid #CBCBCB;
  }
  nav ul li.phone span,
  nav ul li.contact span { display: none; }
  nav ul li.contact a:after {
    font-family: "FontAwesome";
    content: "\f0e0";
  }
  nav ul li.phone a:after {
    font-family: "FontAwesome";
    content: "\f095";
  }
}
/*FRONTPAGE*/
@media screen and (min-width: 768px){
  .home nav {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999;
  }
}
@media screen and (min-width: 768px){
  nav[role="navigation"] {
    background-color: #111;
  }
  body:not(.home) nav[role="navigation"]{
    position: sticky;
    top: 0;
    z-index: 999;
  }
  nav[role="navigation"] ul {
    display: flex;
    justify-content: space-between;
  }
  nav[role="navigation"] ul li {
    width: auto;
    float: none;
  }
  nav[role="navigation"] ul li::after {
    display: none;
  }
  nav[role="navigation"] ul li a {
    display: flex;
    align-items: center;
    color: #aaa;
    transition: all 1.8s;
  }
  nav[role="navigation"] ul li:not(.phone) a::before {
    content: "";
    width: 40px;
    height: 43px;
    display: inline-block;
    background: url(../images/ico_toggle_off.png) no-repeat 50% 50%;
    background-size: contain;
  }
  nav[role="navigation"] ul li.current a span,
  nav[role="navigation"] ul li a:focus span {
    background-image: none;
  }
  nav[role="navigation"] ul li.phone a,
  nav[role="navigation"] ul li a:hover {
    color: #fff;
    text-shadow: 0 0 5px rgba(255, 42, 0, 1);
  }
  nav[role="navigation"] ul li.current a,
  nav[role="navigation"] ul li a:focus,
  nav[role="navigation"] ul li a:active {
    color: #fff;
    text-shadow: 0 0 5px rgba(255, 42, 0, 1);
  }
  nav[role="navigation"] ul li.current a::before,
  nav[role="navigation"] ul li a:focus::before,
  nav[role="navigation"] ul li a:active::before {
    background-image: url(../images/ico_toggle_on.png);
  }
}




/* ======================================================
//  BREADCRUMB
// ====================================================*/

@media screen and (min-width: 768px){
  #breadcrumb {
    background-color: #78736c;
    padding: 9px 0;
  }
}
@media screen and (max-width: 767px){
  #breadcrumb { display: none; }
}

/* ======================================================
//  CONTENT
// ====================================================*/
@media screen and (max-width: 767px){
  article[role=main] {
    padding-left: 10px;
    padding-right: 10px;
  }
}


/* ======================================================
//  ARTICLE
// ====================================================*/



/* ======================================================
//  ASIDE
// ====================================================*/

.sideblock {
  background-color: #f5f0e8;
  color: #3a130d;
  text-align: center;
  margin-bottom: 16px;
}
.side_contact {
  font-weight: bold;
}
.side_contact h4 {
  text-align: center;
  background-color: #576732;
  color: #f5f0e8;
  /*font-size: 16px;*/
  font-weight: bold;
  padding: 5px 0 5px;
}
.side_contact > div > div {
  padding: 13px 0 13px;
  border-bottom: 1px solid #3a130d;
}
.side_contact > div.web > div {
  border-bottom: none;
  padding-bottom: 4px;
}
.side_contact h5 {
  margin-bottom: 10px;
  /*font-size: 16px;*/
  font-weight: bold;
}
.side_contact h5.small {
  /*font-size: 14px;*/
  line-height: 1.3;
  margin-bottom: 4px;
}
.side_contact span {
  display: block;
  /*font-size: 14px;*/
  padding: 8px 0 12px;
}
.side_contact > div.web span {
  padding-bottom: 0;
}
a.side_banner {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
a.side_banner:hover { opacity: 0.85; }
a.side_banner img {
  max-width: 100%;
  height: auto;
  display: block;
}

.side_contact .phone a {
  text-decoration: none!important;
  color: #3a130d;
}
.side_contact .phone a > span {
  font-size: 80%;
  padding: 8px 0 0;
}

.sidelist {
  padding-bottom: 10px;
  margin-bottom: 30px;
}
.sidelist h4 {
  color: #fff;
  font-size: 18px;
  font-weight: normal;
  background: url(../images/aside_bg_h4.png) no-repeat 0 0;
  text-align: center;
  padding: 8px 0 5px;
}
.sidelist ul {
  margin: 10px 0 5px 10px;
  display: table;
}
.sidelist ul li {
  text-align: left;
  margin-bottom: 10px;
}
.sidelist ul:after,
.sidelist ul li:after { content: ""; display: table; clear: both; }
.sidelist ul li .pic {
  width: 86px;
  display: table-cell;
  margin-right: 10px;
}
.sidelist ul li .pic a {
  display: block;
  padding: 1px;
  background-color: #fff;
  border: 2px solid #78736c;
}
.sidelist ul li .pic img {
  width: 100%;
  height: auto;
  display: block;
}
.sidelist ul li > a {
  display: table-cell;
  vertical-align: middle;
  width: 130px;
  /*font-size: 16px;*/
  line-height: 1.4;
  font-weight: normal;
  padding-left: 10px;
}
.sidelist ul li > a i {
  display: block;
  font-size: 14px;
  font-style: normal;
}
.sidelist > a {
  display: block;
  font-weight: normal;
  margin: 0 10px;
  padding: 0 0 10px;
  text-align: left;
}
.sidelist ul.simplelist li:before {
  font-family: "FontAwesome";
  content: "\f111";
  font-size: 8px;
  color: #006680;
}
.sidelist ul.simplelist li > a {
  display: inline;
  width: auto;
  padding-left: 0;
}
.sidelist ul.simplelist li > a i {
  display: inline;
  padding-left: 5px;
	font-size: 14px;
}
.sidelist > a {
  /*font-size: 14px;*/
}

/*メルマガ誘導*/
.mailmag_induce {}
.mailmag_induce > div > div {
  border-bottom: none;
  padding: 13px 10px 13px;
  text-align: justify;
}
.mailmag_induce h4 {
  padding: 5px;
}
.mailmag_induce p {
  margin-bottom: 1em;
}
.mailmag_induce a.btn {
  display: block;
  position: relative;
  text-align: center;
  text-decoration: none;
  border-style: solid;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	border-width: 0px;
	margin: 0 auto 0;
	padding-top: 1em;
	padding-bottom: 1em;
	background-color: #edd14e;
	color: #ce1a1a;
  line-height: 1.3;
}
.sideblock.ourstaff {
  background-color: transparent;
}

@media screen and (max-width: 767px){
  aside .speedquote { display: none; }
  .side_contact h4 {
    padding: 8px 0;
    /*font-size: 16px;*/
  }
  .sidelist h4 {
    background: url(../images/common_bg_dot_brown.png) repeat top left;
    border-bottom: 2px solid #81684a;
    padding: 8px 0 6px;
    /*font-size: 16px;*/
    margin-bottom: 20px;
  }
  .sidelist ul {
    margin: 10px;
    display: block;
  }
  .home .sidelist.brandlist ul > li > a { display: none; }
  .home .sidelist.brandlist ul > li {
    width: 33.333%;
    float: left;
    margin-bottom: 10px;
  }
  .home .sidelist.genrelist ul li .pic { display: none; }
  .home .sidelist.genrelist ul li {
    width: 50%;
    float: left;
  }
  .home .sidelist.genrelist ul li > a {
    display: block;
    width: 100%;
    padding: 0;
    /*font-size: 14px;*/
  }
}
@media (max-width: 599px) {
  .sideblock a img {
    display: block;
    margin: 0 auto;
  }
}


.sideblock.topic {
  margin-bottom: 3em;
  background-color: transparent;
}
.sideblock.topic h4 {
  text-align: center;
  background-color: #576732;
  color: #f5f0e8;
  /*font-size: 16px;*/
  font-weight: bold;
  padding: 5px 0 5px;
  margin-bottom: 15px;
}
.sideblock.topic ul li {
  margin-bottom: 10px;
  position: relative;
}
.sideblock.topic ul li a {
  display: block;
  position: relative;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.sideblock.topic ul li a:hover { opacity: 0.85; }
.sideblock.topic ul li .pic {
  line-height: 0;
}
.sideblock.topic ul li .pic img {
  width: 100%;
  height: auto;
}
.sideblock.topic ul li .desc {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.sideblock.topic ul li .desc h5 {
  line-height: 1.3;
  padding: 8px;
  background-color: rgba(0,0,0,0.5);
  color: #fff;
}
.sideblock.topic ul li .desc h5 a {
  color: #fff;
  text-decoration: none;
}
@media screen and (min-width: 768px){
  .sideblock.topic ul li {
    height: 117px;
    overflow-y: hidden;
  }
  .sideblock.topic ul li .pic {
    height: 117px;
  }
}


.sideblock .banner_fax {
  display: block;
  text-decoration: none;
  border: 4px solid #3b140e;
  color: #3b140e;
  font-size: 1.1rem;
  line-height: 1.3;
  font-weight: bold;
  padding: 15px 15px 15px 50px;
  text-align: left;
  position: relative;
}
.sideblock .banner_fax::before {
  font-family: "FontAwesome";
  content: "\f15c";
  position: absolute;
  top: 10px;
  left: 15px;
  font-size: 30px;
}
@media (max-width: 599px) {
  .sideblock .banner_fax {
    margin: 0 5px;
    padding: 30px 15px 30px 50px;
  }
  .sideblock .banner_fax::before {
    top: 29px;
  }
}


/* ======================================================
//  FOOTER
// ====================================================*/

.bottom_sitemap {
  background-color: #78736c;
  padding: 25px 0 15px;
}
.footer {
  background: url(../images/common_bg_dot_brown.png) repeat 0 0;
  padding: 18px 0 15px;
}
.bottom_sitemap .left {
  width: 634px;
  float: left;
}
.bottom_sitemap .right {
  width: 328px;
  float: right;
}
.bottom_sitemap a {
  display: block;
  margin-bottom: 12px;
}
.bottom_sitemap .inner > ul {}
.bottom_sitemap .inner > ul > li {}
.bottom_sitemap .inner > ul > li > a:before {
  content: "●";
  font-size: 10px;
  margin-right: 4px;
}
.bottom_sitemap .inner > ul > li > ul {
  margin-left: 14px;
}
.bottom_sitemap .inner > ul > li > ul > li {}
.bottom_sitemap .inner > ul > li > ul > li > a:before {
  content: "-";
  margin-right: 4px;
}

.bottom_sitemap .col ul {
  margin-bottom: 1.5em;
}
.bottom_sitemap .col ul > li {
  line-height: 1.8;
}
.bottom_sitemap .col ul > li a {
  text-decoration: none;
  margin-bottom: 0;
}
.bottom_sitemap .col ul > li a::before {
  content: "・";
}

.bottom_sitemap dl {
  margin-left: 14px;
  margin-bottom: 1em;
  /*font-size: 14px;*/
}
.bottom_sitemap dt {
  display: inline;
  font-weight: bold;
  color: #d3c4af;
}
.bottom_sitemap dd {
  display: inline;
}
.footer .left {
  width: 50%;
  float: left;
}
.footer .right {
  width: 50%;
  float: right;
}
.footer #flogo {
  margin-bottom: 25px;
}
.footer #fnavi {
  /*font-size: 14px;*/
  position: relative;
  left: -5px;
  margin-bottom: 10px;
}
.footer #fnavi a {
  margin: 0 5px;
}
.footer #copyright {
  font-size: 12px;
}
.footer #fcopy {
  color: #fae859;
  font-size: 24px;
  margin-bottom: 5px;
  line-height: 1.4;
}
.footer #fcopy i {
  font-size: 12px;
  display: block;
}
.footer #fcopy i a {
  color: #fae859;
  font-size: 12px;
}
.footer .addr {
  line-height: 1.7;
}
footer .certified {
  clear: both;
  font-size: 12px;
  text-align: right;
}
@media screen and (max-width: 767px){
  #bottom_banner {
    display: none;
  }
  footer {
    /*font-size: 14px;*/
  }
  .footer {
    padding-bottom: 84px;
  }
  .bottom_sitemap .left,
  .bottom_sitemap .right,
  .footer .left,
  .footer .right {
    float: none;
    width: 100%;
  }
  .bottom_sitemap .left > li,
  .bottom_sitemap .right > li {
    margin-left: 15px;
    margin-right: 15px;
  }
  .bottom_sitemap .inner > ul > li > ul {
    margin-left: 0;
  }
  .footer #flogo img {
    width: 100%;
    height: auto;
  }
  .bottom_sitemap a {
    margin-bottom: 3px;
  }
  .bottom_sitemap dl {
    margin-left: 0;
    margin-bottom: 3px;
  }
  .footer .addr {
    line-height: 1.4;
    margin: 0 1em;
  }
  .footer #fcopy {
    color: #fae859;
    font-size: 16px;
    text-align: center;
  }
  .footer #copyright {
    text-align: center;
  }
  .footer #fnavi {
    font-size: 12px;
    position: relative;
    left: auto;
    margin-bottom: 10px;
    text-align: center;
  }
  .footer #flogo {
    margin-bottom: 15px;
    text-align: center;
  }
  .footer #flogo img {
    width: 90%;
    max-width: 400px;
    height: auto;
  }
  footer .certified {
    font-size: 10px;
  }
}



/* ======================================================
//  ページ下部誘導ブロック
// ====================================================*/

#bottom_induce_block {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(255,255,255,0.8);
  border-top: 1px solid #eee;
}
#bottom_induce_block > div {
  padding: 8px 65px 8px 30px;
  text-align: left;
  position: relative;
  color: #000;
  font-size: 14px;
  line-height: 1.3;
}
#bottom_induce_block > div::after { content: ""; display: table; clear: both; }
#bottom_induce_block .closepane {
  font-weight: bold;
  position: absolute;
  top: 4px;
  left: 6px;
  font-size: 16px;
  font-weight: bold;
  color: #999;
}
#bottom_induce_block .leftpane {
  float: left;
}
#bottom_induce_block .rightpane {
  float: right;
  width: 300px;
}
#bottom_induce_block .rightpane a {
  text-decoration: none;
  background-color: #ce1a1a;
  color: #fff;
  display: block;
  width: 100%;
  padding: 10px 0;
  font-weight: bold;
  text-align: center;
}

#btngotop {
  display: none;
}
#btngotop::before {
  display: block;
  font-family: "FontAwesome";
  content: "\f0aa";
  position: fixed;
  bottom: 8px;
  right: 12px;
  width: 45px;
  height: 45px;
  font-size: 45px;
  line-height: 45px;
  color: #999;
}



/* ======================================================
//  SLEEVE - COL
// ====================================================*/

@media screen and (min-width: 768px){
  .sleeve {
    margin: 0 -20px;
  }
  .sleeve:after { content: ""; display: table; clear: both; }
  .sleeve > .col {
    float: left;
  }
  .sleeve > .col > div {
    padding: 0 20px;
  }
  .twocols > .col { width: 50%; }
  .threecols > .col { width: 33.333%; }
  .fourcols > .col { width: 25%; }
}


/* ======================================================
//  WP-PAGENAVI
// ====================================================*/

.wp-pagenavi {
  clear: both;
  text-align: center;
  padding: 32px 0 80px;
  position: relative;
}
.brick .wp-pagenavi {
  padding-bottom: 20px;
}
.wp-pagenavi > span,
.wp-pagenavi > a {
  padding: 5px;
  margin-right: 4px;
}
.wp-pagenavi a.gobackindex {
  background-color: #fff;
  border: 1px solid #000;
  padding: 5px 10px;
  margin: 0;
}
.wp-pagenavi a.previouspostslink,
.wp-pagenavi a.gobackindex:before {
  content: "\f100";
  font-family: "FontAwesome";
  margin-right: 3px;
}
.wp-pagenavi a.nextstaff {
  margin-top: 5px;
}
.wp-pagenavi a.nextstaff > div {
  position: relative;
  top: 22px;
}
.wp-pagenavi a.nextstaff img {
  width: 68px;
  height: 68px;
  border-radius: 50%;
  margin-left: 10px;
  float: right;
}
@media screen and (min-width: 768px){
  .wp-pagenavi a.nextpostslink,
  .wp-pagenavi a.previouspostslink,
  .wp-pagenavi a.gobackindex {
    position: absolute;
    background-color: #fff;
    border: 1px solid #000;
    padding: 5px 10px;
    margin: 0;
  }
  .wp-pagenavi a.nextpostslink { right: 0px; }
  .wp-pagenavi a.previouspostslink { left: 0px; }
  .wp-pagenavi a.gobackindex {
    top: 27px;
    left: 0;
  }
  .wp-pagenavi a.nextstaff {
    text-align: right;
    width: 50%;
    position: absolute;
    top: 0;
    right: 0;
  }
}
@media screen and (max-width: 767px){
  .wp-pagenavi {
    /*font-size: 14px;*/
    padding-bottom: 60px;
  }
  .wp-pagenavi a.nextpostslink,
  .wp-pagenavi a.previouspostslink {
    position: absolute;
    top: 20px;
    display: block;
    width: 35px;
    height: 35px;
    border: 1px solid #78736c;
  }
  .wp-pagenavi a.nextpostslink {
    text-align: right;
    right: 5px;
    text-indent: 200px;
    white-space: nowrap;
    overflow: hidden;
    background: url(../images/common_arrow_next.png) no-repeat 50% 50%;
    background-size: contain;
  }
  .wp-pagenavi a.previouspostslink {
    text-align: left;
    left: 5px;
    text-indent: -200px;
    white-space: nowrap;
    overflow: hidden;
    background: url(../images/common_arrow_prev.png) no-repeat 50% 50%;
    background-size: contain;
  }
  .wp-pagenavi a:focus {
    background-color: #FFEBD4;
  }
  .wp-pagenavi a.page,
  .wp-pagenavi span.current {
    display: none;
  }
  .wp-pagenavi a.gobackindex {
    display: block;
    margin: 0 10px;
  }
  .wp-pagenavi a.nextstaff {
    display: block;
    margin: 0 10px 15px;
    text-align: left;
  }
}


/* ======================================================
//  PAGENAVI（ページ内ナビ）
// ====================================================*/

.pagenavi {
  margin-bottom: 30px;
}
.pagenavi ul li {
  display: inline;
  margin-right: 25px;
}
.pagenavi ul li a i { font-weight: bold; }

@media screen and (min-width: 768px){
  .pagenavi ul li:before {
    content: "▼";
    color: #006680;
    margin-right: 4px;
  }
}
@media screen and (max-width: 767px){
  .pagenavi {
    margin-bottom: 10px;
  }
  .pagenavi ul:after { content: ""; display: table; clear: both; }
  .pagenavi ul li {
    float: left;
    width: 33.333%;
    margin: 0;
  }
  .pagenavi ul li a {
    font-size: 12px;
    display: block;
    text-align: center;
    padding: 4px 0 10px;
  }
}


/* ======================================================
//  TOPへ戻る
// ====================================================*/

.gotop {
  clear: both;
  text-align: right;
  display: block;
  color: #006680;
  margin-top: 30px;
  margin-bottom: 30px;
}
.gotop:after {
  font-family: "FontAwesome";
  content: "\f062";
  margin-left: 3px;
}
@charset "UTF-8";
/* =============================================================

//  module.css
//  共通要素
//
//  共通
//	ユーザー入力エリア
//	汎用ブロック
//	ブロック-インラインリスト
//	ブロック-事例
//	ブロック-お客様の声
//	事例カテゴリーロビー
//	事例カテゴリーページ
//	事例個別
//  全幅タイトル
//	トピック一覧
//	トピック個別
//	スタッフ紹介一覧
//	スタッフ紹介個別
//	お客様の声一覧
//	お客様の声個別
//	問合せフォーム
//	見積りフォーム
//  お電話でのお問い合わせブロック
//	高値買取の理由
//	お約束
//	買取の流れ
//
// ============================================================*/

/* ======================================================
//  共通
// ====================================================*/

@media screen and (min-width: 768px) {
  .onlysp { display: none; }
  .onlypc { display: block; }
}
@media screen and (max-width: 767px) {
  .onlysp { display: block; }
  .onlypc { display: none; }
}
.alignright {
  display: block;
  text-align: right;
}
.arrow {
  background: url(../images/common_arrow_green_square.png) no-repeat 100% 50%!important;
  padding: 0 30px 0 0;
  margin-top: 10px;
}
@media screen and (max-width: 767px){
  .arrow {
    /*font-size: 14px;*/
    margin-left: 15px;
    margin-right: 5px;
  }
}


/* ======================================================
//	ユーザー入力エリア
// ====================================================*/

.postbody h1,
.postbody h2,
.postbody h3,
.postbody h4,
.postbody h5,
.postbody h6 {
  font-weight: bold;
  margin-bottom: 0.7em;
}
.postbody h1 {
  font-size: 24px;
}
.postbody h2{
  font-size: 22px;
}
.postbody h3{
  font-size: 16px;
}
.postbody h4{
  font-size: 14px;
}
.postbody h5{
  font-size: 12px;
}
.postbody h6{
  /*font-size: 14px;*/
}
.postbody p {
  text-align: justify;
  margin-bottom: 1.5em;
}
.postbody a {
  color: #A62126;
  text-decoration: underline;
}
.postbody strong {
  font-weight: bold;
}
.postbody em {
  font-style: italic;
}
.postbody del {
  text-decoration: line-through;
}
.postbody blockquote {
  padding:0 0 0 1em;
  margin: 1.5em 0;
  border-left: 3px solid #bbb;
}
.postbody blockquote p {
  margin-bottom: 0;
}
.postbody ul,
.postbody ol {
  margin-bottom: 1.5em;
}
.postbody ul li {
  list-style-type: disc;
  margin-left: 1em;
  margin-bottom: 0.4em;
}
.postbody ol li {
  list-style-type: decimal;
  margin-left: 1em;
  margin-bottom: 0.4em;
}
.postbody dl {
  margin-bottom: 1em;
  line-height: 1.2;
}
.postbody dl dt {
  font-weight: bold;
  font-size: 1.1em;
}
.postbody dl dd {
  margin-bottom: 0.7em;
  padding-left: 2em;
}
.postbody .alignleft { float: left; }
.postbody .alignright { float: right; }
.postbody .aligncenter {
  display: block;
  margin: 0 auto;
}
.postbody img {
  max-width: 100%;
  height: auto;
}
.postbody .size-thumbnail {
  width: 29%;
  height: auto;
}
.postbody .alignleft{
  margin:0 1.5em 15px 0;
}
.postbody .alignright{
  margin:0 0 15px 1.5em;
}
.postbody .wp-caption img {
  margin-bottom: 0.5em;
}
.postbody .wp-caption-text {
  font-size: 12px;
  text-align: center;
}
@media screen and (min-width: 768px){
  .postbody table {
    width: 100%;
    border: 1px solid #3b140e;
    margin-bottom: 1.5em;
  }
  .postbody table th,
  .postbody table td {
    padding: 8px 5px;
    vertical-align: top;
    border: 1px solid #3b140e;
  }
  .postbody table th {
    width: 25%;
    background-color: #f5f0e8;
  }
}
@media screen and (max-width: 767px){
  .single-post .postbody .alignleft { float: none; }
  .single-post .postbody .alignright { float: none; }
  .postbody .alignleft{
    margin:0 10px 15px 0;
  }
  .postbody .alignright{
    margin:0 0 15px 10px;
  }
  .single-post .postbody .alignleft{
    margin:0 0 15px 0;
  }
  .single-post .postbody .alignright{
    margin:0 0 15px 0;
  }
  .postbody .wp-caption {
    max-width: 100%;
  }
  .postbody p br {
    display: none;
  }
  .postbody table,
  .postbody table tbody,
  .postbody table tr,
  .postbody table th,
  .postbody table td {
    display: block;
  }
  .postbody table {
    width: 100%;
		height: auto!important;
    border: 1px solid #3b140e;
		margin-bottom: 20px;
  }
  .postbody table th,
  .postbody table td {
    padding: 5px;
    border-bottom: 1px solid #3b140e;
  }
  .postbody table tr:last-child td {
    border-bottom: none;
  }
  .postbody table th {
    background-color: #f5f0e8;
    font-weight: bold;
  }
  .postbody table iframe {
    width: 100%;
  }
}
@media screen and (max-width: 567px){
  .postbody table iframe {
    height: 70vw;
  }
}


/* ======================================================
//  SLEEVE - COL
// ====================================================*/

@media screen and (min-width: 768px){
  .sleeve {
    margin: 0 -20px;
  }
  .sleeve:after { content: ""; display: table; clear: both; }
  .sleeve > .col {
    float: left;
  }
  .sleeve > .col > div {
    padding: 0 20px;
  }
  .twocols > .col { width: 50%; }
  .threecols > .col { width: 33.333%; }
  .fourcols > .col { width: 25%; }
}


/* ======================================================
//  汎用ブロック
// ====================================================*/
.brick {
  background-color: #f5f0e8;
  margin-bottom: 40px;
  padding-bottom: 12px;
}
.brick h2 {
  background-color: #41372f;
  position: relative;
  color: #fff;
  font-size: 18px;
  font-weight: normal;
  line-height: 1.0;
  padding: 13px 0 13px 10px;
  margin-bottom: 23px;
}
.brick h2::before {
  content: "";
  position: absolute;
  top: 2px;
  right: 3px;
  left: 3px;
  height: 2px;
  background-color: #746149;
}
.brick ul {
  margin: 0 20px;
}
.brick ul:after { content: ""; display: table; clear: both; }
.brick > a {
  margin-right: 20px;
}
.brick .more {
  border-top: 1px solid #78736c;
  margin: 0 20px;
}
@media screen and (max-width: 767px){
  .brick ul {
    margin: 0 15px;
  }
  .brick h2 {
    background: url(../images/common_bg_dot_brown.png) repeat top left;
    border-bottom: 2px solid #81684a;
    margin-bottom: 20px;
  }
  .brick > a {
    margin-right: 5px;
  }
}


/* ======================================================
//  ブロック-インラインリスト
// ====================================================*/

.inlinelist > div {
  margin: 0 20px 20px;
}
.inlinelist > div span {
  font-size: 12px;
}
.inlinelist > a {
  display: block;
  text-align: right;
  background: url(../images/arrow_green_square.png) no-repeat 100% 50%!important;
  padding: 0 30px 0 0;
  margin-top: 10px;
}
@media screen and (max-width: 767px){
  .inlinelist > div {
    margin: 0 15px 15px;
    text-align: justify;
  }
}


/* ======================================================
//  ブロック-チェッカーリスト
// ====================================================*/

.checkerlist {
  padding-bottom: 0;
}
.checkerlist h2 {
  margin-bottom: 0;
}
.checkerlist ul {
  margin: 0;
  border-bottom: none;
}
.checkerlist ul:after { content: ""; display: table; clear: both; }
.checkerlist ul li {
  text-align: center;
}
.checkerlist ul li .pic {
  width: 100px;
  height: 80px;
  background-color: #e7e7e7;
  border: 1px solid #3b140e;
  margin: 0 auto 6px;
  overflow: hidden;
  text-align: center;
}
.checkerlist ul li .pic img {
  width: 100%;
  height: auto;
}
.checkerlist ul li a i {
  display: block;
}
@media screen and (min-width: 768px){
  .checkerlist ul li {
    width: 25%;
    float: left;
    padding: 25px 0 20px;
  }
  .checkerlist ul:nth-child(2n) li:nth-child(2n),
  .checkerlist ul:nth-child(2n+1) li:nth-child(2n+1) { background-color: #f0e9dd; }
}
@media screen and (max-width: 767px){
  .checkerlist h2 {
    margin-bottom: 20px;
  }
  .checkerlist > div {
    padding: 25px 0 0;
  }
  .checkerlist ul li {
    width: 50%;
    float: left;
    text-align: center;
    padding: 0;
    /*font-size: 14px;*/
    margin-bottom: 18px;
    line-height: 1.3;
  }
}


/* ======================================================
//  ブロック-事例
// ====================================================*/

.jireilist:after { content: ""; display: table; clear: both; }
.jireilist ul li {
  float: left;
  width: 50%;
  margin-bottom: 28px;
}
.jireilist ul li .pic {
  border: 2px solid #78736c;
  background-color: #fff;
}
.jireilist ul li .pic a {
  display: block;
  margin: 1px;
}
.jireilist ul li .pic img {
  width: 100%;
  height: auto;
}
.jireilist ul li .desc .meta {
  display: block;
  font-size: 18px;
  line-height: 1.3;
  font-weight: bold;
}
.jireilist ul li .desc .meta:after { content: ""; display: table; clear: both; }
.jireilist ul li .desc .meta span {
  float: left;
  margin-right: 5px;
}
.jireilist > a {
  display: block;
  text-align: right;
  background: url(../images/common_arrow_green_square.png) no-repeat 100% 50%!important;
  padding: 0 30px 0 0;
  margin-top: 10px;
}
@media screen and (min-width: 768px){
  .jireilist ul li .pic {
    width: 110px;
    float: left;
    margin-right: 15px;
  }
  .jireilist ul li .desc {
    width: 193px;
    float: left;
  }
}
@media screen and (max-width: 767px){
  .jireilist ul {
    margin-left: 5px;
    margin-right: 5px;
  }
  .jireilist ul li .pic {
    width: auto;
    margin: 0 5px;
  }
  .jireilist ul li .desc {
    width: auto;
    /*font-size: 14px;*/
    line-height: 1.3;
    margin: 0 5px;
  }
  .jireilist ul li .desc .meta span:last-child {
    display: none;
  }
  .jireilist > a {
    /*font-size: 14px;*/
  }
}


/* ======================================================
//  ブロック-お客様の声
// ====================================================*/

.uservoice ul {
  padding-bottom: 20px;
}
.uservoice ul li {
  padding: 5px 0 5px 37px;
  position: relative;
}
.uservoice ul li a {}
.uservoice ul li:before {
  font-family: "FontAwesome";
  content: "\f075";
  font-size: 24px;
  color: #b88c57;
  position: absolute;
  top: -3px;
  left: 0;
}
.uservoice ul li span > a{
  color: #3b140e;
}


/* ======================================================
//  ブロック - 買取対象地域バナー
// ====================================================*/

.brick.banner {
  margin: 0 0 2em;
  padding: 0;
  background-color: transparent;
}
.brick.quotebanner {
  background-color: transparent!important;
}
.brick.quotebanner a {
  display: block;
  background: url(../images/common_bottom_ban_quote.png) no-repeat 0 0;
  background-size: contain;
  height: 150px;
  padding: 0!important;
  margin: 0!important;
}
.brick.dictionary {
  background-color: transparent!important;
}
.brick.dictionary a {
  display: block;
  background: url(../images/common_ban_dictionary.png) no-repeat 0 0;
  height: 170px;
  padding: 0!important;
  margin: 0!important;
}
.brick .areabanner {
  display: block;
  background: url(../images/common_ban_area.png) no-repeat 0 0!important;
  height: 169px;
  padding: 0!important;
  margin: 0!important;
}
.brick .dbbanner {
  display: block;
  background: url(../images/common_ban_audiodb.jpg) no-repeat 0 0!important;
  height: 170px;
  padding: 0!important;
  margin: 0!important;
}
@media screen and (max-width: 767px){
  .brick.quotebanner {
    display: none;
  }
  .brick.dictionary a {
    background-size: contain;
  }
  .brick .areabanner {
    display: block;
    background: url(../images/common_ban_area_sp.png) no-repeat 0 0!important;
    background-size: contain!important;
    height: 37vw;
    padding: 0!important;
    margin: 0!important;
    border: 1px solid #000;
  }
  .brick .dbbanner {
    display: block;
    background: url(../images/common_ban_audiodb_sp.jpg) no-repeat 0 0!important;
    background-size: cover!important;
    height: 37vw;
    padding: 0!important;
    margin: 0!important;
    border: 1px solid #000;
  }
}


/* ======================================================
//  買取対象地域
// ====================================================*/

.targetarea > div {
  margin: 0 15px;
}
.targetarea .note {
  /*font-size: 14px;*/
  text-align: right;
  margin-top: 1em;
}


/* ======================================================
//  事例カテゴリーロビー
// ====================================================*/


/* ======================================================
//  事例カテゴリーページ
// ====================================================*/

.detail {
  margin-bottom: 44px;
}
.detail > h2 {
  background-color: #f0eae1;
  color: #360804;
  font-size: 24px;
  font-weight: normal;
  padding: 8px;
  margin-bottom: 25px;
}
.detail div.pic img {
  width: 100%;
  height: auto;
}
.detail #storycontent ul {
  margin-left: 10px;
}
.detail #storycontent ul li {
  list-style-type: disc;
  margin-bottom: 6px;
}

.detail #storycontent.no_desc {
  text-align: center;
}
.detail #storycontent.no_desc div.pic {
  float: none;
  margin: 0 auto 0;
}
.detail .col4 {
  width: 25%;
  float: left;
}
.detail .col4 > div {
  padding: 5px;
  margin: 0 10px 10px 0;
  background-color: #f5f0e8;
}
.detail .col4 > div img {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 768px){
  .detail:after { content: ""; display: table; clear: both; }
  .detail div.pic {
    width: 320px;
    float: left;
    text-align: center;
    margin: 0 22px 10px 0;
    border: 1px solid #978987;
  }
}
@media screen and (max-width: 767px){
  .detail {
    margin-left: 15px;
    margin-right: 15px;
  }
  .detail .postbody {
    margin-left: 0;
    margin-right: 0;
  }
  .detail .gallery {
    margin-left: -10px;
    margin-right: -10px;
  }
  .detail .gallery .col4 {
    width: 100%;
    margin: 0;
  }
  .detail .gallery .col4 > div {
    margin: 0;
    padding: 10px;
    background-color: transparent;
  }
  .detail div.pic {
    margin-bottom: 20px;
    border: 1px solid #3b140e;
  }
}


/* ======================================================
//  買取対象地域　一覧
// ====================================================*/

.areatable {
  width: 100%;
  border: 1px solid #78736c;
  margin-bottom: 80px;
}
.areatable th,
.areatable td {
  padding: 6px 8px;
  /*font-size: 14px;*/
}
.areatable th {
  background-color: #f0eae1;
  vertical-align: top;
}
.areatable td {}


/* ======================================================
//  買取対象地域　個別
// ====================================================*/

.tax-area ul.promise {
  margin-bottom: 50px;
}
.tax-area ul.promise li {
  margin-bottom: 30px;
}
.tax-area ul.promise li span {
  font-size: 18px;
  font-weight: bold;
}
.tax-area ul.promise li img {
  width: 100%;
  height: auto;
}
.tax-area ul.promise li a {
  display: block;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.tax-area ul.promise li a:hover {
  opacity: 0.8;
}
@media screen and (max-width: 767px){}

/* ======================================================
//  事例個別
// ====================================================*/

#jirei_detail {
  margin-bottom: 50px;
}
#jirei_heading {
  background-color: #f5f0e8;
  margin-bottom: 40px;
}
#jirei_detail:after { content: ""; display: table; clear: both; }
#jirei_heading:after { content: ""; display: table; clear: both; }
#jirei_heading h2 {
  background-color: transparent;
  color: #360804;
}
#jirei_heading .meta dl {
  background-color: #fff;
  text-align: center;
}
#jirei_heading .meta dl:last-child { margin-right: 0; }
#jirei_heading .meta dl dt {
  background-color: #3b140e;
  color: #fff;
}
#jirei_detail .note p {
  margin-bottom: 1em;
}
#jirei_detail .note img {
  float: right;
  margin: 0 0 1em 1em;
}
#jirei_detail .note .yarpp-related img {
  float: none;
  margin: 0;
}
#jirei_detail .block {
  margin-bottom: 2em;
}
#jirei_detail .block h3 {
  margin-bottom: 1em;
  background-color: #f5f0e8;
  padding: 7px 10px;
	font-size: 22px;
}
#jirei_detail .block > div {
  margin-bottom: 1.5em;
}
#jirei_detail .block > div h4 {
  text-decoration: underline;
  margin-bottom: 8px;
}
#jirei_detail .block > div h4 i {
  display: block;
  /*font-size: 14px;*/
  line-height: 1.2;
}
#jirei_detail .block > div p {
  margin: 0 0 1em 1em;
  text-align: justify;
}
#jirei_detail .block.message h3:before{
  content: "\f007";
  font-family: "FontAwesome";
  margin-right: 5px;
}
@media screen and (min-width: 768px){
  #jirei_heading {}
  #jirei_detail:after,
  #jirei_heading:after { content: ""; display: table; clear: both; }
  #jirei_heading h2 {
    width: 45%;
    float: left;
    font-size: 22px;
    padding: 20px 15px;
  }
  #jirei_heading > img {
    width: 50%;
    height: auto;
    float: right;
  }
  #jirei_heading .meta {
    clear: both;
    float: left;
    width: 100%;
    padding: 16px 17px;
  }
  #jirei_heading .meta:after { content: ""; display: table; clear: both; }
  #jirei_heading .meta dl {
    width: 223px;
    float: left;
    margin-right: 8px;
  }
  #jirei_heading .meta dl dd {
    display: table;
    width: 100%;
    height: 62px;
    padding-bottom: 5px;
  }
  #jirei_heading .meta dl dd a {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
  }
  #jirei_detail .note {
    margin-bottom: 4em;
  }
  #jirei_detail .note > h3 {
    width: 125px;
    height: 55px;
    margin: 0 0 0.5em 0;
  }
  #jirei_detail .block {}
  #jirei_detail .block table {
    font-size: 12px;
    width: 100%;
  }
  #jirei_detail .block table tr {}
  #jirei_detail .block table tr:nth-child(2n) { background-color: #fefdfc; }
  #jirei_detail .block table tr:nth-child(2n+1) { background-color: #fcfaf6; }
  #jirei_detail .block table th,
  #jirei_detail .block table td {
    padding: 5px;
    vertical-align: top;
  }
  #jirei_detail .block table th {
    width: 20%;
  }
  #jirei_detail .block table td {
    width: 80%;
  }
}
@media screen and (max-width: 767px){
  #jirei_heading {
    padding: 15px;
  }
  #jirei_heading h2 {
    margin-bottom: 15px;
    font-size: 16px;
  }
  #jirei_heading > img {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
  }
  #jirei_heading .meta dl {
    line-height: 1.3;
  }
  #jirei_heading .meta dl dd a {
    display: block;
    padding: 8px 0;
  }
  #jirei_detail .note {
    margin-left: 15px;
    margin-right: 15px;
  }
  #jirei_detail .note h3 {}
}


/* ======================================================
//  機種詳細
// ====================================================*/

.specsheet table th[colspan="2"] {
  font-weight: bold;
}
@media screen and (min-width: 768px){
  .specsheet {
    background-color: transparent;
  }
  .specsheet h2 {
    margin-bottom: 0;
  }
  .specsheet table {
    width: 100%;
  }
  .specsheet table tr {}
  .specsheet table tr:nth-child(2n) { background-color: #fefdfc; }
  .specsheet table tr:nth-child(2n+1) { background-color: #fcfaf6; }
  .specsheet table th,
  .specsheet table td {
    padding: 5px;
    vertical-align: top;
  }
  .specsheet table th {
    width: 25%;
  }
  .specsheet table td {
    width: 75%;
  }
}
@media screen and (max-width: 767px){}


/* ======================================================
//  関連買取事例
// ====================================================*/

.yarpp-related {
  margin-top: 80px!important;
}


/* ======================================================
//  全幅タイトル
// ====================================================*/

.fullspantitle {
  background: #576732;
  color: #fff;
  margin-bottom: 40px;
  font-size: 25px;
  padding: 35px 20px;
}
.fullspantitle:before {
  font-family: "FontAwesome";
  content: "\f1e1";
  margin-right: 5px;
}



/* ======================================================
//  トピック一覧（タイル形式）
// ====================================================*/

.tilelist {
  clear: both;
}
.home .tilelist {
  padding: 80px 0;
}
.tilelist h2 {
  font-size: 16px;
  background-color: #f5f0e8;
  padding: 12px 8px;
}
.tilelist h2:before {
  font-family: "FontAwesome";
  content: "\f1e1";
  margin-right: 5px;
  font-size: 22px;
}
.tilelist ul:after { content: ""; display: table; clear: both; }
.tilelist ul li {
  float: left;
}
.tilelist ul li .pic {
  margin-bottom: 1em;
}
.tilelist ul li .pic a {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.tilelist ul li .pic a:hover {
  opacity: 0.85;
}
.tilelist ul li .pic img {
  width: 100%;
  height: auto;
}
.tilelist ul li .desc {}
.tilelist ul li .desc .date {
  font-size: 12px;
  text-align: center;
  margin-bottom: 0.8em;
}
.tilelist ul li .desc .date:before {
  font-family: "FontAwesome";
  content: "\f017";
  margin-right: 3px;
}
.tilelist ul li .desc h3 {
  font-size: 16px;
}
.tilelist ul li a {
  text-decoration: none;
  color: #333;
}
.tilelist > .inner > a {
  display: block;
  width: 100%;
  position: relative;
  background-color: #402309;
  background: linear-gradient(#6c4b2d,#402309);
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  margin-top: 40px;
  padding: 18px 0 21px;
  border-radius: 7px;
  box-shadow: 0 -7px 0 rgba(0,0,0,0.7) inset;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  border: none;
}
.tilelist > .inner > a:before {
  font-family: "FontAwesome";
  content: "\f1e1";
  margin-right: 6px;
}
.tilelist > .inner > a:hover {
  opacity: 0.9;
}
@media screen and (min-width: 768px){
  .tilelist .ulsleeve {
    border-bottom: 1px solid #999;
  }
  .tilelist .ulsleeve:last-child {
    border-bottom: none!important;
  }
  .tilelist .ulsleeve:last-child ul {
    margin-bottom: 0;
  }
  .tilelist ul {
    padding: 30px 0;
    margin: 0 -28px;
  }
  .tilelist ul li {
    width: 25%;
    border-right: 1px solid #999;
  }
  .tilelist ul li:last-child {
    border-right: none;
  }
  .tilelist ul li > div {
    padding: 0 28px;
  }
}
@media screen and (max-width: 767px){
  .tilelist h2 {
    margin-bottom: 1.5em;
  }
  .tilelist > .inner {
    width: auto;
    margin-left: 10px;
    margin-right: 10px;
  }
  .tilelist ul {
    margin-left: -10px;
    margin-right: -10px;
  }
  .tilelist ul li {
    width: 50%;
    padding-bottom: 2em;
  }
  .tilelist ul li > div {
    padding: 0 10px;
  }
}


/* ======================================================
//  トピック一覧
// ====================================================*/

/* ----------------------------------------------
//  トピックリスト
// -------------------------------------------- */

#topiclist {
  margin-bottom: 80px;
}
#topiclist li {
  margin-bottom: 50px;
	padding-bottom: 50px;
	border-bottom: 1px solid #ccc;
}
#topiclist li a {
  display: block;
  text-decoration: none;
  color: #333;
}
#topiclist li a:after { content: ""; display: table; clear: both; }
#topiclist li .pic { float: left; }
#topiclist li .desc { float: right; }
#topiclist li .pic img {
  width: 100%;
  height: auto;
}
#topiclist li .desc h2 {
  font-size: 16px;
  line-height: 1.4;
  font-weight: bold;
  margin-bottom: 10px;
}
#topiclist li .desc .meta {
  font-size: 12px;
  font-weight: bold;
}
#topiclist li .desc .meta .date:before {
  font-family: "FontAwesome";
  content: "\f073";
  margin-right: 8px;
}
#topiclist li .desc .meta .category {}
#topiclist li .desc .meta .category:before {
  font-family: "FontAwesome";
  content: "\f07b";
  margin-right: 8px;
}
@media screen and (min-width: 768px){
  #topiclist li a:hover .pic { opacity: 0.85; }
  #topiclist li .pic {
    width: 20%;
    float: left;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }
  #topiclist li .desc {
    float: right;
    width: 75%;
  }
  #topiclist li .desc .meta {
    margin-bottom: 10px;
  }
  #topiclist li .desc .meta .category {
    margin-right: 30px;
    padding: 4px;
    border: 1px solid #ccc;
    background-color: #f4f4f4;
  }
}
@media screen and (max-width: 767px){
  #topiclist li {
    position: relative;
    margin-bottom: 1.5em;
  }
  #topiclist li .pic {
    width: 100%;
    line-height: 0;
  }
  #topiclist li .desc {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,0.5);
    color: #fff;
    padding: 10px 0;
  }
  #topiclist li .pic img {
    width: 100%;
    height: auto;
  }
  #topiclist li .desc h2 {
    margin: 0 15px 10px;
  }
  #topiclist li .desc .meta {
    margin: 0 15px;
    text-align: right;
  }
  #topiclist li .desc .meta:after { content: ""; display: table; clear: both; }
  #topiclist li .desc .meta span { float: right; }
  #topiclist li .desc .meta .category {}
  #topiclist li .desc .meta .date {
    margin-right: 2em;
  }
  #topiclist li .desc .excerpt { display: none; }
}



/* ======================================================
//  トピック個別
// ====================================================*/


/* ======================================================
//  スタッフ紹介一覧
// ====================================================*/

.staff_prof {
  background-color: #f5f0e8;
  margin-bottom: 20px;
  padding-bottom: 15px;
}
.staff_prof::after { content: ""; display: table; clear: both; }
.staff_prof .message {
  clear: both;
  padding-top: 45px;
  background: url(../images/staff_prof_message_lab.png) no-repeat 0 0;
}
.staff_prof .desc h2 {
  position: relative;
}
.staff_prof .desc h2 i {
  font-size: 12px;
  margin-left: 1em;
}
.staff_prof .desc dl {
  background-color: #fff;
  margin-bottom: 6px;
  display: table;
  width: 100%;
}
.staff_prof .desc dl dt {
  width: 18%;
  display: table-cell;
  vertical-align: top;
  line-height: 1.8;
  /*font-size: 14px;*/
  font-weight: normal;
  background-color: #4b100b;
  color: #fff;
  text-align: center;
}
.staff_prof .desc dl dd {
  display: table-cell;
  vertical-align: middle;
  width: 82%;
}
.staff_prof .desc dl dd div {
  margin-left: 1em;
}
.staff_prof .pic img {
  width: 100%;
  height: auto;
}
.staff_prof .message p {
  margin-bottom: 1.2em;
}
@media screen and (min-width: 768px){
  .staff_prof .desc {
    width: 477px;
    float: left;
    padding: 30px 0 30px 25px;
  }
  .staff_prof .pic {
    width: 208px;
    float: right;
  }
  .staff_prof .desc h2 {
    font-size: 24px;
    margin-bottom: 25px;
    left: -2px;
  }
  .staff_prof .message {
    margin: 0 22px;
  }
}
@media screen and (max-width: 767px){
  .staff_prof {
    padding: 15px 15px;
    position: relative;
  }
  .staff_prof .desc {}
  .staff_prof .desc h2 {
    line-height: 1.4;
    font-size: 16px;
    margin-top: 40px;
  }
  .staff_prof .desc h2 i {
    display: block;
    margin-left: 0;
    font-size: 12px;
  }
  .staff_prof .pic {
    width: 45%;
    float: left;
    margin: 0 15px 15px 0;
  }
  .staff_prof .desc dl {
    clear: both;
    margin-bottom: 3px;
  }
  .staff_prof .desc dl dt {
    width: 22%;
    font-size: 12px;
  }
  .staff_prof .desc dl dd {
    width: 78%;
    line-height: 1.3;
  }
  .staff_prof .message {
    margin-top: 20px;
    background: url(../images/staff_prof_message_lab_sp.png) no-repeat 0 0;
    background-size: 175px auto;
  }
  .staff_prof .message p br {
    display: none;
  }
}


/* ======================================================
//  スタッフ紹介個別
// ====================================================*/

.staff_detail {
  padding-bottom: 50px;
}
.staff_detail .heading {
  margin-bottom: 30px;
}
.staff_detail .heading:after { content: ""; display: table; clear: both; }
.staff_detail .heading > img {
  display: block;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  float: left;
  margin-right: 18px;
}
.staff_detail .heading h2 {
  font-size: 30px;
  line-height: 1.4;
  padding-top: 15px;
}
.staff_detail .heading h2 i {
  display: block;
  font-size: 12px;
}
.staff_detail .profile::after { content: ""; display: table; clear: both; }
.staff_detail .profile h1,
.staff_detail .profile h2,
.staff_detail .profile h3,
.staff_detail .profile h4,
.staff_detail .profile h5,
.staff_detail .profile h6 {
  background-color: #f0eae1;
  font-size: 24px;
  padding: 11px 19px 9px;
  margin-bottom: 18px;
}
@media screen and (max-width: 767px){
  .staff_detail .heading {
    margin-left: 15px;
    margin-right: 15px;
  }
  .staff_detail .heading h2 {
    font-size: 25px;
  }
  .staff_detail .postbody .alignright,
  .staff_detail .postbody .alignleft {
    width: 35%;
    height: auto;
  }
}


/* ======================================================
//  お客様の声一覧
// ====================================================*/

section.uservoice {
  margin-bottom: 16px;
}
section.uservoice > div {
  margin-left: 50px;
  padding: 13px 18px 8px;
  background-color: #e3e8f2;
  position: relative;
  border-radius: 4px;
}
section.uservoice:nth-child(2n+1) > div {
  background-color: #f0eae1;
}
section.uservoice > div h2 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 15px;
}
section.uservoice > div p {
  margin-bottom: 1em;
  text-align: justify;
}
section.uservoice > div:before{
  content: "";
  width: 53px;
  height: 41px;
  background: url(../images/faq_beak_2n.png) no-repeat 0 0;
  position: absolute;
  top: 0;
  left: -53px;
}
section.uservoice:nth-child(2n+1) > div:before {
  background: url(../images/faq_beak_2n_1.png) no-repeat 0 0;
}
@media screen and (max-width: 767px){
  section.uservoice {
    margin-left: 15px;
    margin-right: 15px;
  }
  section.uservoice > div h2 {
    font-size: 18px;
  }
  section.uservoice > div p br {
    display: none;
  }
}


/* ======================================================
//  お客様の声個別
// ====================================================*/



/* ======================================================
//  フォーム
// ====================================================*/

.form {
  padding: 20px 20px;
}
.form .wpcf7 {}
.wpcf7 h2 {
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  margin-bottom: 15px;
}
.wpcf7 table {
  width: 100%;
  margin-bottom: 1.5em;
}
.wpcf7 table th,
.wpcf7 table td {
  padding: 8px 0;
}
.wpcf7 table th {
  vertical-align: middle;
  width: 30%;
}
.wpcf7 table td {
  width: 70%;
}
.wpcf7 table th i {
  color: #A62126;
  margin-left: 3px;
  font-size: 16px;
  position: relative;
  top: 3px;
}
.wpcf7 table td .note {
  font-size: 14px;
  line-height: 1.3;
  margin-top: 3px;
}
.wpcf7 table td span.zip:before {
  content: "〒";
  margin-right: 8px;
  position: relative;
  top: 1px;
}
.wpcf7-radio span {
  margin-right: 1em;
}
.wpcf7-form input[type="text"],
.wpcf7-form input[type="textarea"],
.wpcf7-form input[type="date"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea {
  -webkit-appearance: none;
  background-color: white;
  font-family: inherit;
  border: 1px solid #cccccc;
  border-radius: 5px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.75);
  font-size: 0.875em;
  margin: 0 0 0 0;
  padding: 0.7em;
  font-size: 16px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.wpcf7-form input[type="text"],
.wpcf7-form input[type="textarea"],
.wpcf7-form input[type="date"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"] {
  height: 2.3125em;
}
.wpcf7-form input[name="your-name"] { width: 14em; }
.wpcf7-form input[name="zip"] { width: 8em; }
.wpcf7-form input[name="addr"],
.wpcf7-form input[name="your-email"],
.wpcf7-form input[name="phone"] { width: 60% }
.wpcf7-form textarea { width: 90%; }
.wpcf7-form input[type="submit"]{
  border-radius: 4px;
  -webkit-border-radius: 6px;
  border-width: 0px;
  cursor: pointer;
  font-weight: normal;
  line-height: normal;
  width: 80%;
  margin: 0 auto 0;
  position: relative;
  text-decoration: none;
  text-align: center;
  display: block;
  padding-top: 0.6em;
  padding-right: 2em;
  padding-bottom: 0.6em;
  padding-left: 2em;
  font-size: 1em;
  background-color: #FA887E;
  color: white;
  position: relative;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.wpcf7-form input[type="submit"]:after {
  font-family: "FontAwesome";
  content: "\f138";
  color: #000;
}
.wpcf7-form input[type="submit"]:hover {
  opacity: 0.85;
}
#privacystatement {
  text-align: center;
  padding: 1em 0;
}
.wpcf7-response-output {
  text-align: center;
  /*font-size: 14px;*/
  background-color: #fff;
}
.wpcf7 .wpcf7-not-valid-tip {
  font-size: 12px;
}
img.ajax-loader {
  display: block;
  margin: 20px auto 0!important;
  width: 16px;
  height: 16px;
}
@media screen and (max-width: 767px){
  .wpcf7 table,
  .wpcf7 table tbody,
  .wpcf7 table tr,
  .wpcf7 table th,
  .wpcf7 table td {
    width: auto;
    display: block;
  }
  .wpcf7 table th,
  .wpcf7 table td {
    padding: 0;
    width: 100%;
  }
  .wpcf7 table th {
    margin-bottom: 2px;
  }
  .wpcf7 table td {
    margin-bottom: 8px;
  }
  .wpcf7 table th div {
    /*font-size: 14px;*/
    line-height: 1.3;
  }
  .wpcf7 table th div br {
    display: none;
  }
  .wpcf7-form input[name="zip"] { width: 8em; }
  .wpcf7-form input[type="text"],
  .wpcf7-form input[type="textarea"],
  .wpcf7-form input[type="date"],
  .wpcf7-form input[type="email"],
  .wpcf7-form input[type="tel"]
  .wpcf7-form input[name="your-name"],
  .wpcf7-form input[name="addr"],
  .wpcf7-form input[name="your-email"],
  .wpcf7-form input[name="phone"],
  .wpcf7-form textarea { width: 100%; }
  .wpcf7-form input[type="submit"]{
    width: 100%;
  }
  #privacystatement {
    /*font-size: 14px;*/
  }
}

.wpcf7-form .additional_option {
  text-align: center;
  margin-bottom: 1.5em;
  border: 3px solid #97cd00;
  background-color: #f7ffe0;
  font-size: 14px;
  padding: 1em 0;
}



/* ======================================================
//  お電話でのお問い合わせブロック
// ====================================================*/

#contact_phone {
  margin-bottom: 40px;
}
#contact_phone > div h2 {
  font-size: 18px;
  margin-bottom: 15px;
}
@media screen and (min-width: 768px){
  #contact_phone { display: none; }
}
@media screen and (max-width: 767px){
  #contact_phone {
    margin-left: 15px;
    margin-right: 15px;
  }
  #contact_phone > div dl dt {
    /*font-size: 14px;*/
  }
  #contact_phone > div dl dd {
    line-height: 1.0;
  }
  #contact_phone > div dl dd a {
    display: block;
    line-height: 1.0;
  }
  #contact_phone > div dl.freedial dd {}
  #contact_phone > div dl.freedial dd a {
    padding-left: 36px;
    background: url(../images/common_ico_freedial.png) no-repeat 0 50%;
    background-size: 30px auto;
  }
  #contact_phone > div dl.directcall dd a:before,
  #contact_phone > div dl.legacyphone dd a:before {
    font-family: "FontAwesome";
    content: "\f095";
    margin-right: 5px;
  }
  #contact_phone > div dl.freedial dd { font-size: 36px; }
  #contact_phone > div dl.directcall dd { font-size: 18px; }
  #contact_phone > div dl.legacyphone dd { font-size: 18px; }
}

/* ======================================================
//  見積りフォーム
// ====================================================*/

.quoteform .wpcf7 th {
  vertical-align: top;
}
.quoteform .wpcf7 span.required {
  background-color: #ea453a;
  padding: 3px 4px;
  font-size: 12px;
  color: #fff;
  margin-right: 5px;
  position: relative;
  top: -1px;
  border-radius: 2px;
}
.quoteform .wpcf7 input.wpcf7-submit{
  border-radius: 0;
  margin-top: 30px;
  width: 412px;
  height: 77px;
  background: url(../images/quoteform_btn_qoute_submit.gif) no-repeat 0 0;
  text-indent: -300%;
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
}
.quoteform .wpcf7 td .note {
  /*font-size: 14px;*/
}
.quoteform .wpcf7 .screen-reader-response {
  display: none;
}
.quoteform .wpcf7 .wpcf7-response-output {
  margin-top: 15px;
  border: 2px solid #b00;
  color: #d00;
  padding: 10px 0;
}
.quoteform .wpcf7 .wpcf7-not-valid-tip {
  display: block;
  font-size: 12px;
  color: #d00;
}
.quoteform .wpcf7 .wpcf7-display-none { display: none; }
.quoteform article .banner {
  margin-bottom: 15px;
}
@media screen and (min-width: 768px){
  .quoteform .lead { display: none; }
  .quoteform .wpcf7 {
    background: url(../images/quoteform_heading_text.png) no-repeat 50% 8px #99cc00;
    padding: 110px 0 15px;
    margin-bottom: 50px;
  }
  .quoteform .wpcf7 .wpcf7-form {
    margin: 0 15px;
    padding: 15px 15px 25px;
    background-color: #fff;
  }
  .quoteform .wpcf7 td dl {
    margin-bottom: 8px;
  }
  .quoteform .wpcf7 td dl:after { content: ""; display: table; clear: both; }
  .quoteform .wpcf7 td dl dt {
    width: 45%;
    float: left;
    position: relative;
  }
  .quoteform .wpcf7 td dl dd {
    width: 45%;
    float: right;
  }
  .quoteform .wpcf7 td dl input[type="text"] {
    width: 90%;
  }
  .quoteform .wpcf7 td dl dt:after {
    font-family: "FontAwesome";
    content: "\f061";
    font-size: 16px;
    color: #ea453a;
    position: absolute;
    right: -22px;
    top: 4px;
  }
  .quoteform .wpcf7 td dl.midashi dt:after { display: none; }
}
@media screen and (max-width: 767px){
  .quoteform {
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 15px;
    width: auto;
  }
  .quoteform .lead {
    background-color: #99cc00;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.3;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.7);
    margin-bottom: 15px;
    padding: 10px;
  }
  .quoteform .lead i {
    font-size: 16px;
    display: block;
    margin-bottom: 4px;
  }
  .quoteform .lead br {
    display: none;
  }
  .quoteform .wpcf7 input.wpcf7-submit{
    width: 100%;
    height: 80px;
    background: url(../images/quoteform_btn_qoute_submit.gif) no-repeat 0 0;
    background-size: contain;
  }
  .quoteform .wpcf7 td dl.midashi {
    display: none;
  }
  .quoteform .wpcf7 td dl {
    margin-bottom: 15px;
    background-color: #f5f0e8;
    padding: 0 10px 10px;
  }
  .quoteform .wpcf7 td dl dt {
    margin-bottom: 5px;
  }
  .quoteform .wpcf7 td dl dt:before {
    content: "メーカー名：";
    font-size: 12px;
    line-height: 1.2;
    font-weight: bold;
  }
  .quoteform .wpcf7 td dl dd:before {
    content: "型番：";
    font-size: 12px;
    line-height: 1.2;
    font-weight: bold;
  }
  .quoteform article .banner {
    display: none;
  }
}


/* ======================================================
//  高値買取の理由
// ====================================================*/


/* ======================================================
//  お約束
// ====================================================*/

#reason {
  margin-bottom: 50px;
}
#reason li {
  background-color: #f5f0e8;
  margin-bottom: 6px;
}
#reason li .pic img {
  width: 100%;
  height: auto;
}
#reason li .desc h4 {
  font-size: 22px;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  #reason > div > h3 {
    background: url(../images/service_reason_h3.png) no-repeat 0 0;
    margin-bottom: 15px;
  }
  #reason li {
    padding: 30px 0;
  }
  #reason li:after { content: ""; display: table; clear: both; }
  #reason li .pic {
    width: 360px;
    float: right;
  }
  #reason li .desc {
    width: 310px;
    float: left;
    margin-left: 17px;
    position: relative;
    top: -5px;
  }
  #reason li .desc h4 {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 767px) {
  #reason > div > h3 {
    font-size: 18px;
    text-align: center;
    color: #006680;
    background: url(../images/service_reason_h3_line.png) no-repeat 50% 100%;
    -webkit-background-size: auto 22px;
    background-size: auto 22px;
    padding-bottom: 27px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 8px;
  }
  #reason li {
    padding: 20px 20px;
  }
  #reason li .desc {
    margin-bottom: 15px;
  }
  #reason li .desc h4 {
    margin-bottom: 10px;
    line-height: 1.3;
  }
  #reason li .desc h4 br {
    display: none;
  }
}


/* ======================================================
//  特徴
// ====================================================*/

@media screen and (min-width: 768px) {
  #feature > h3 {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 767px) {
  #feature > div > h3 {
    font-size: 18px;
    text-align: center;
    color: #006680;
    background: url(../images/service_reason_h3_line.png) no-repeat 50% 100%;
    -webkit-background-size: auto 22px;
    background-size: auto 22px;
    padding-bottom: 27px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 8px;
  }
}

/* ======================================================
//  お約束
// ====================================================*/

.promise {
  margin-bottom: 35px;
}
.promise .heading {
  background-color: #78736c;
  color: #d8cebf;
  position: relative;
}
.promise .heading h2 {
  color: #fff;
  font-weight: bold;
}
.promise .heading span {
  font-size: 12px;
}
.promise .heading_narrow {
  background-color: #78736c;
  color: #fff;
  padding: 15px 0 15px;
  text-align: center;
}
.promise .heading_narrow i {
  font-size: 18px;
}
.promise .heading_narrow h4 {
  font-size: 27px;
}
.promise .heading_narrow > i span {
  font-size: 12px;
}
.promise > h3 {
  background-color: #ce1a1a;
  text-align: center;
  color: #fff;
  font-size: 18px;
  font-weight: normal;
  padding: 3px 0;
  margin-bottom: 15px;
}
.promise p {
  text-align: justify;
  margin: 15px 0;
}
.promise strong {
  color: #ce1a1a;
  font-weight: bold;
}
.promise .note {
  /*font-size: 14px;*/
}
.promise ul li {
  position: relative;
  padding-left: 1em;
  margin-bottom: 0.8em;
}
.promise ul li:before {
  font-family: "FontAwesome";
  content: "\f111";
  font-size: 10px;
  position: absolute;
  top: 3px;
  left: 1px;
}
.promise .more {
  border-top: 1px solid #78736c;
}
@media screen and (min-width: 768px){
  .promise .heading {
    height: 160px;
    padding: 12px 10px 12px 238px;
    font-size: 18px;
    font-weight: normal;
    line-height: 1.4;
  }
  .promise .heading:after {
    content: "";
    width: 220px;
    height: 195px;
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .promise1 .heading:after { background: url(../images/top_lab_promise01.png) no-repeat bottom left; }
  .promise2 .heading:after { background: url(../images/top_lab_promise02.png) no-repeat bottom left; }
  .promise3 .heading:after { background: url(../images/top_lab_promise03.png) no-repeat bottom left; }
  .promise4 .heading:after { background: url(../images/top_lab_promise04.png) no-repeat bottom left; }
  .promise5 .heading:after { background: url(../images/top_lab_promise05.png) no-repeat bottom left; }
  .promise .heading h2 {
    font-size: 26px;
    line-height: 1.4;
    margin-top: 8px;
  }
  .promise .note {
    text-align: right;
    margin: 7px 0 14px 0;
  }
  .promise dl {
    padding: 17px 0 10px;
    border-top: 1px solid #78736c;
  }
  .promise dl:after { content: ""; display: table; clear: both; }
  .promise dl dt {
    width: 220px;
    float: left;
  }
  .promise dl dd {
    width: 480px;
    float: right;
    text-align: justify;
  }
  .promise dl dt a {
    transition: all .3s;
    opacity: 1;
  }
  .promise dl dt a:hover {
    opacity: 0.85;
  }
}
@media screen and (max-width: 767px){
  .promise .heading {
    padding: 8px 10px 15px;
    /*font-size: 14px;*/
    line-height: 1.3;
  }
  .promise .heading:before {
    content: "";
    position: relative;
    bottom: auto;
    top: 0;
    float: left;
    width: 65px;
    height: 65px;
    margin: 0 12px 5px 0;
  }
  .promise1 .heading:before { background: url(../images/top_promise01_sp.png) no-repeat bottom left; background-size: contain; }
  .promise2 .heading:before { background: url(../images/top_promise02_sp.png) no-repeat bottom left; background-size: contain; }
  .promise3 .heading:before { background: url(../images/top_promise03_sp.png) no-repeat bottom left; background-size: contain; }
  .promise4 .heading:before { background: url(../images/top_promise04_sp.png) no-repeat bottom left; background-size: contain; }
  .promise5 .heading:before { background: url(../images/top_promise05_sp.png) no-repeat bottom left; background-size: contain; }
  .promise .heading h2 {
    clear: both;
    font-size: 18px;
    margin-top: 0;
    margin-left: 77px;
  }
  .promise .heading br {
    display: none;
  }
  .promise .heading:after {
    content: "";
    display: block;
    width: 60px;
    height: 120px;
    position: absolute;
    bottom: 0;
    left: 5px;
  }
  .promise:nth-child(2n) .heading:after {
    background: url(../images/top_promise_deco_kusama.png) no-repeat bottom left;
    background-size: contain;
  }
  .promise:nth-child(2n+1) .heading:after {
    background: url(../images/top_promise_deco_yamamoto.png) no-repeat bottom left;
    background-size: contain;
  }
  .promise .heading_narrow{
    padding-left: 10px;
    padding-right: 10px;
  }
  .promise .heading_narrow i {
    /*font-size: 14px;*/
    display: block;
    text-align: left;
    margin-bottom: 5px;
  }
  .promise .heading_narrow i,
  .promise .heading_narrow i span {
    line-height: 1.3;
  }
  .promise .heading_narrow h4 {
    font-size: 20px;
    text-align: left;
  }
  .promise .heading_narrow > i span {
    font-size: 12px;
  }
  .promise p,
  .promise ul {
    margin-left: 15px;
    margin-right: 15px;
  }
  .promise ul li {
    text-align: justify;
  }
  .promise .note {
      font-size: 12px;
      text-align: left;
      margin: 7px 15px 14px 15px;
      line-height: 1.3;
  }
  .promise dl {
    padding: 17px 0 10px;
    border-top: 1px solid #78736c;
  }
  .promise dl dt,
  .promise dl dd {
    margin-left: 15px;
    margin-right: 15px;
  }
  .promise dl dt {
    margin-bottom: 15px;
  }
  .promise dl dd {
    text-align: justify;
  }
  .promise dl dt h3 {
    text-align: center;
  }
  .promise dl dt h3 img {
    width: 100%;
    height: auto;
  }
}


/* ======================================================
//  買取の流れ
// ====================================================*/

section.flow {
  margin-bottom: 80px;
}
section.flow .lead {
  margin-bottom: 20px;
}
section.flow .lead p.note {
  margin-top: 1em;
  /*font-size: 14px;*/
}
section.flow .lead p.note:before {
  content: "※";
}
section.flow .lead span {
  color: #eb4900;
  font-weight: bold;
}
section.flow ol {}
section.flow ol > li {
  margin: 2px;
  position: relative;
}
section.flow ol > li > h3 {
  line-height: 2.2;
  font-size: 24px;
  font-weight: normal;
}
section.flow ol > li div {}
section.flow ol > li p {
  margin-bottom: 1em;
}
section.flow ol > li p.note { /*font-size: 14px;*/ }
section.flow ol > li ul,
section.flow ol > li ol,
section.flow ol > li dl {
  margin-left: 5px;
}
section.flow ol > li li {}
section.flow ol > li li:before,
section.flow ol > li > div > dl > dt:before {
  font-family: "FontAwesome";
  content: "\f111";
  font-size: 10px;
  position: relative;
  top: -2px;
  margin-right: 5px;
}
section.flow ol > li dl dt {
  font-weight: bold;
}
section.flow ol > li dl dd {
  margin-bottom: 8px;
}
section.flow ol > li dl dd iframe {
  margin-top: 10px;
}
section.flow dl dl dt {
  text-decoration: underline;
}
section.flow1 ol,
section.flow1 ol > li { border: 1px solid #5f638b; }
section.flow2 ol,
section.flow2 ol > li { border: 1px solid #3b8393; }
section.flow3 ol,
section.flow3 ol > li { border: 1px solid #559270; }
section.flow1 ol > li > h3 { color: #5f638b; }
section.flow2 ol > li > h3 { color: #3b8393; }
section.flow3 ol > li > h3 { color: #559270; }
section.flow1 ol > li.step1 > h3 { background: url(../images/flow_flow1_step1_h3.png) no-repeat 0 0; }
section.flow1 ol > li.step2 > h3 { background: url(../images/flow_flow1_step2_h3.png) no-repeat 0 0; }
section.flow1 ol > li.step3 > h3 { background: url(../images/flow_flow1_step3_h3.png) no-repeat 0 0; }
section.flow1 ol > li.step4 > h3 { background: url(../images/flow_flow1_step4_h3.png) no-repeat 0 0; }
section.flow2 ol > li.step1 > h3 { background: url(../images/flow_flow2_step1_h3.png) no-repeat 0 0; }
section.flow2 ol > li.step2 > h3 { background: url(../images/flow_flow2_step2_h3.png) no-repeat 0 0; }
section.flow2 ol > li.step3 > h3 { background: url(../images/flow_flow2_step3_h3.png) no-repeat 0 0; }
section.flow3 ol > li.step1 > h3 { background: url(../images/flow_flow3_step1_h3.png) no-repeat 0 0; }
section.flow3 ol > li.step2 > h3 { background: url(../images/flow_flow3_step2_h3.png) no-repeat 0 0; }
section.flow3 ol > li.step3 > h3 { background: url(../images/flow_flow3_step3_h3.png) no-repeat 0 0; }

@media screen and (min-width: 768px){
  section.flow h2 {
    text-indent: -200%;
    white-space: nowrap;
    overflow: hidden;
    height: 70px;
    margin-bottom: 20px;
  }
  section.flow ol > li {
    padding: 67px 27px 20px;
  }
  section.flow ol > li > h3 {
    height: 44px;
    line-height: 2.2;
    font-size: 24px;
    padding-left: 132px;
    position: absolute;
    top: 0;
    left: 0;
  }
}
@media screen and (max-width: 767px){
  section.flow {
    margin-bottom: 40px;
  }
  section.flow h2 {
    color: #fff;
    padding: 15px 10px;
    margin-bottom: 22px;
    font-size: 22px;
  }
  section.flow h2 > span {
    font-size: 12px;
    line-height: 1.3;
    display: block;
    font-weight: normal;
    margin-bottom: 3px;
  }
  section.flow h2 > span i { color: #fae859; }
  section.flow h2 > span > span {}
  section.flow1 h2 { background-color: #5f638b; }
  section.flow2 h2 { background-color: #3b8393; }
  section.flow3 h2 { background-color: #559270; }
  section.flow .lead {
    margin-left: 15px;
    margin-right: 15px;
  }
  section.flow ol > li {
    padding-bottom: 15px;
  }
  section.flow ol > li > h3 {
    background-size: 90px auto!important;
    padding-left: 80px;
    font-size: 22px;
    height: auto;
  }
  section.flow ol > li > div {
    padding: 5px 15px 10px;
  }
  section.flow ol > li dl dt {
    line-height: 1.3;
    margin-bottom: 5px;
  }
  section.flow ol > li dl dd {
    margin-bottom: 1em;
  }
  section.flow ol > li dl dd iframe {
    width: 100%;
    height: 350px;
  }
  section.flow ol > li dl dd i {
    display: block;
  }
}


/* ======================================================
//  周辺関連施設
// ====================================================*/

#nearbysearch_result h3 {
  background-color: #3b140e;
  color: #fff;
  padding: 7px;
  margin-bottom: 2em;
}
#nearbysearch_result li:nth-child(2n) { background-color: #fefdfc; }
#nearbysearch_result li:nth-child(2n+1) { background-color: #f5f0e8; }
#nearbysearch_result .title,
#nearbysearch_result .meta { position: relative; }
#nearbysearch_result .title img {
  width: 20px;
  height: auto;
  position: absolute;
}
#nearbysearch_result .meta span:before {
  content: "\f00e";
  font-family: "FontAwesome";
}
#nearbysearch_result .detailinfo {
  clear: both;
  display: none;
}
#nearbysearch_result .detailinfo .phone:before {
  content: "\f095";
  font-family: "FontAwesome";
  margin-right: 4px;
}
#nearbysearch_result .detailinfo .url:before {
  content: "\f0ac";
  font-family: "FontAwesome";
  margin-right: 4px;
}
@media screen and (min-width: 768px) {
  #nearbysearch_result {
    margin-bottom: 3em;
  }
  #nearbysearch_result h3:before {
    font-family: "FontAwesome";
    content: "\f278";
    margin-right: 5px;
  }
  #nearbysearch_result ul {
    width: 100%;
    /*font-size: 14px;*/
  }
  #nearbysearch_result li:after { content: ""; display: table; clear: both; }
  #nearbysearch_result .title,
  #nearbysearch_result .meta {
    float: left;
    padding: 8px;
  }
  #nearbysearch_result .title { width: 35%; }
  #nearbysearch_result .meta { width: 65%; }
  #nearbysearch_result .detailinfo .phone {
    float: left;
    width: 35%;
  }
  #nearbysearch_result .detailinfo .url {
    float: left;
    width: 65%;
  }
  #nearbysearch_result .title h4 {
    margin-left: 30px;
  }
  #nearbysearch_result .title img {
    top: 8px;
    left: 8px;
  }
  #nearbysearch_result .meta .addr {
    margin-right: 100px;
    position: relative;
  }
  #nearbysearch_result .meta span {
    display: block;
    position: absolute;
    top: 8px;
    right: 5px;
    font-size: 12px;
    width: 100px;
    text-align: center;
    background-color: rgba(59,20,14,0.2);
    padding: 2px;
    border-radius: 4px;
    cursor: pointer;
  }
  #nearbysearch_result .meta span:before {
    margin-right: 4px;
  }
  #nearbysearch_result .detailinfo {
    padding: 0 8px 8px;
  }
}
@media screen and (max-width: 767px) {
  #nearbysearch_result {
    margin-bottom: 3em;
  }
  #nearbysearch_result li {
    padding: 8px 0;
  }
  #nearbysearch_result li:first-child {

  }
  #nearbysearch_result .title h4 {
    margin-left: 30px;
  }
  #nearbysearch_result .title img {
    width: 20px;
    height: auto;
    left: 0;
    top: 0;
  }
  #nearbysearch_result .meta span {
    width: 50px;
    padding: 8px 0;
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #ecdcc1;
    text-align: center;
  }
  #nearbysearch_result .meta span i {
    display: none;
  }
  #nearbysearch_result .meta span:before {
    font-size: 28px;
    line-height: 1.0;
  }
}


/* ======================================================
//  本文中 - ご注意
// ====================================================*/
.postbody .important-notice {
  margin: 2em 0;
  padding-left: 2.5em;
  position: relative;
}
.postbody .important-notice:before {
  font-family: "FontAwesome";
  font-size: 1.5em;
  content: "\f00c";
  color: #fa887e;
  position: absolute;
  top: 0;
  left: 0;
}


/* ======================================================
//  オーディオデータベース
// ====================================================*/

.audio-detabase-device {}
.audio-detabase-device #device_pic {
  margin-bottom: 2em;
}
.audio-detabase-device #manualgallery,
.audio-detabase-device #manualgallery li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.audio-detabase-device #manualgallery {
  margin: 0 -0.5em;
}
.audio-detabase-device #manualgallery:after { content: ""; display: table; clear: both; }
.audio-detabase-device #manualgallery li {
  width: 33.33%;
  float: left;
  margin-bottom: 1em;
}
.audio-detabase-device #manualgallery li:nth-child(3n+1) { content: ""; display: table; clear: both; }
.audio-detabase-device #manualgallery li a {
  display: block;
  margin: 0 0.5em;
  padding: 4px;
  border: 1px solid #aaa;
}
.audio-detabase-device #manualgallery li a img {
  width: 100%;
  height: auto;
}



/* ======================================================
//  オーディオ買取屋のスタッフ
// ====================================================*/

.ourstaff > h2 {
  background: url(../images/common_bg_h2.png) no-repeat 0 0;
  color: #fff;
  font-size: 18px;
  font-weight: normal;
  line-height: 1.0;
  padding: 13px 0 13px 10px;
  margin-bottom: 23px;
}



/* ======================================================
//  TablePress
//  ・最新買取事例
// ====================================================*/

.tablepress_wrap {
  margin: 0 0 30px;
}
.tablepress_wrap h2+div {
  height: 250px;
  overflow-y: scroll;
  border: 1px ridge #81684a;
}
.tablepress_wrap h2 {
  background: url(../images/common_bg_h2.png) no-repeat 0 0;
  color: #fff;
  font-size: 18px;
  font-weight: normal;
  line-height: 1.0;
  padding: 13px 0 13px 10px;
  margin-bottom: 23px;
}
table.tablepress {
  width: 100%;
  margin-bottom: 15px;
  font-size: 14px;
}
table.tablepress tr {
  background-color: #fff;
}
table.tablepress tr:nth-child(2n+1) {
  background-color: #f0e9dd;
}
table.tablepress th,
table.tablepress td {
  padding: 8px;
  vertical-align: top;
}
table.tablepress th {}
table.tablepress td {}
table.tablepress td.column-1 {
  width: 20%;
}
table.tablepress td.column-2 {}
@media screen and (max-width: 767px) {
  .tablepress_wrap h2+div {
    margin: 0 20px 0 15px;
  }
  table.tablepress,
  table.tablepress tbody,
  table.tablepress tr,
  table.tablepress th,
  table.tablepress td,
  table.tablepress caption {
    display: block;
    line-height: 1.3;
  }
  table.tablepress tr {
    padding: 8px;
  }
  table.tablepress th,
  table.tablepress td,
  table.tablepress td.column-1 {
    width: 100%;
    padding: 0;
  }
}



.tax-area .lead_block {
  margin-bottom: 2em;
  background-color: #f5f0e8;
  padding: 1.5em;
}
.tax-area .lead_block p {
  margin-bottom: 1em;
  text-align: justify;
}
.tax-area .reason {
  margin-bottom: 3em;
}
.tax-area .reason h2 {
  background: url(../images/common_bg_h2.png) no-repeat 0 0;
  color: #fff;
  font-size: 18px;
  font-weight: normal;
  line-height: 1.3;
  padding: 13px 0 13px 10px;
  margin-bottom: 23px;
}
.tax-area .reason ul li {
  margin-bottom: 1.5em;
}
.tax-area .reason ul li h3 {
  font-size: 20px!important;
  margin-bottom: 7px;
  line-height: 1.3;
}
.tax-area .reason ul li p {
  text-align: justify;
}
@media screen and (max-width: 767px){
  .tax-area .reason h2 {
    background: url(../images/common_bg_dot_brown.png) repeat top left;
    border-bottom: 2px solid #81684a;
    margin-bottom: 20px;
  }
  .tax-area .reason ul {
    margin: 0 10px;
  }
}




/* ======================================================
//  ブランドストーリー
// ====================================================*/

.stories {
  margin-bottom: 60px;
}
.stories .story {
  display: block;
  text-decoration: none;
  color: #111;
  margin-bottom: 50px;
}
.stories .story h2 {
  font-size: 24px;
  padding: 15px 0;
  border-top: 1px solid #777;
  border-bottom: 1px solid #777;
  margin-bottom: 20px;
}
.stories .story .storyheading {}
.stories .story .storybody {}

.stories .story .eyecatch {
  padding: 5px;
  background-color: #eee;
}
.stories .story .content {
  text-align: justify;
}
.stories .story .eyecatch img {
  display: block;
  width: 100%;
  height: auto;
}

@media screen and (min-width: 768px) {
  .stories .story .storybody::after { content: ""; display: table; clear: both; }
  .stories .story .eyecatch {
    width: 30%;
    float: left;
  }
  .stories .story .content {
    width: 65%;
    float: right;
  }
}




/* ======================================================
//  オーディオ辞典 - ロビー
// ====================================================*/

.dictionary_index {
  margin-bottom: 30px;
}
.dictionary_index h2 {
  font-size: 18px;
  margin-bottom: 5px;
}
.dictionary_index table {
  width: 100%;
  border-collapse: collapse;
}
.dictionary_index table,
.dictionary_index th,
.dictionary_index td {
  border: 1px solid #78736c;
}
.dictionary_index th,
.dictionary_index td {
  text-align: center;
  padding: 8px 0;
  width: 10%;
}
.dictionary_index td.filled {
  background-color: #f5f0e8;
}
.dictionary_index table {}
.dictionary_index ul {}
.dictionary_index ul::after { content: ""; display: table; clear: both; }
.dictionary_index ul li {
  width: 10%;
  float: left;
}


/* ======================================================
//  オーディオ辞典
// ====================================================*/

.dic_item {
  border: 1px solid #78736c;
  margin-bottom: 15px;
  background-color: #f5f0e8;
}
.dic_item .item_title {
  border-bottom: 1px solid #78736c;
  padding: 4px 8px;
}
.dic_item h2 {
  font-size: 22px;
  font-weight: bold;
}
.dic_item h2 i {
  font-size: 14px;
  font-family: serif;
}
.dic_item h2 i::before { content: "【"; }
.dic_item h2 i::after { content: "】"; }
.dic_item .item_title span {
  font-size: 15px;
  font-family: serif;
  font-style: italic;
}
.dic_item .postbody {
  padding: 8px;
}
.dic_item .postbody p:last-child {
  margin-bottom: 0;
}



/* ======================================================
//  最新見積もり依頼リスト
// ====================================================*/

.brick.quotelist {
  background-color: transparent;;
}
.brick.quotelist > div {
  background-color: #fff;
  height: 250px;
  overflow-y: scroll;
  border: 1px ridge #81684a;
}
.brick.quotelist > div ul {
  font-size: 14px;
  margin: 0;
}
.brick.quotelist > div li {
  padding: 6px 10px;
  background-color: #f0e9dd;
}
.brick.quotelist > div li:nth-child(2n) {
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .brick.quotelist > div li {
    display: -webkit-flex;
    display: flex;
  }
  .brick.quotelist .date {
    width: 20%;
  }
  .brick.quotelist .title {
    width: 80%;
  }
}
@media screen and (max-width: 767px){
  .brick.quotelist > div {
    margin: 0 15px;
  }
}



/* ======================================================
//  エリアページ
//  前後のエリアへのナビゲーション
// ====================================================*/
#area_navi {
  padding: 10px 0 50px;
}
#area_navi::after {
  content: "";
  display: table;
  clear: both;
}
#area_navi > div {
  width: 32%;
}
#area_navi .prev {
  float: left;
}
#area_navi .next {
  float: right;
  text-align: right;
}
#area_navi > div a {
  display: block;
  padding: 10px 15px;
  background-color: #f5f0e8;
  text-decoration: none;
  color: #3a130d;
  font-weight: bold;
  border: 1px solid #3a130d;
}
#area_navi div a::before,
#area_navi div a::after {
  font-family: "FontAwesome";
}
#area_navi .prev a::before {
  content: "\f060";
  margin-right: 10px;
}
#area_navi .next a::after {
  content: "\f061";
  margin-left: 10px;
}
@media screen and (max-width: 567px){
  #area_navi {
    margin-left: 10px;
    margin-right: 10px;
  }
  #area_navi > div {
    width: auto;
  }
  #area_navi > div a {
    padding: 15px;
    text-align: center!important;
  }
  #area_navi > div a span {
    display: none;
  }
}



/**
* この記事を編集する
*********************************************************/
#edit_this_post {
  position: fixed;
  bottom: 90px;
  right: 30px;
  z-index: 999;
}
#edit_this_post a {
  display: block;
  width: 120px;
  text-align: center;
  border-radius: 10px;
  font-size: 12px;
  text-decoration: none;
  padding: 10px 3px;
  background-color: #525252;
  box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
  color: #fff;
}
#edit_this_post a::before {
  font-family: "FontAwesome";
  content: "\f040";
  display: block;
  font-size: 25px;
}


/* ======================================================
//  事例リスト
// ====================================================*/
@media (min-width: 768px){
  .list.jirei {
    display: flex;
    flex-wrap: wrap;
    margin: 0 4px;
  }
  .list.jirei li {
    width: 50%;
    flex-basis: 50%;
  }
}
.list.jirei li a {
  margin: 0 4px 8px;
  padding: 8px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  overflow: hidden;
  display: flex;
  position: relative;
  font-size: 0.8rem;
  text-decoration: none;
  color: #333;
}
.list.jirei li picture,
.list.jirei li div {
  position: relative;
  z-index: 10;
}
.list.jirei li picture {
  width: 120px;
  flex-basis: 120px;
  margin-right: 8px;
}
.list.jirei li div {
  flex: 1;
  padding: 8px;
  background-color: rgba(255,255,255,0.9);
}
.list.jirei li a::after {
  content: "";
  display: block;
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  -webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  -o-filter: blur(3px);
  -ms-filter: blur(3px);
  filter: blur(3px);
  background: inherit;
  z-index: 1;
}
.list.jirei li picture {}
.list.jirei li picture img {
  width: 100%;
  height: auto;
  display: block;
}
.list.jirei h3 {
  margin-bottom: 5px;
}
.list.jirei .price {
  display: block;
  font-weight: bold;
}
.list.jirei .price em {
  margin-left: 5px;
  font-size: 130%;
  font-weight: bold;
  color: #b00;
}


/**
* FAQ
*********************************************************/
.faq {
}
.faq li {
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.faq li h3 {
  font-size: 1.2rem;
  font-weight: bold;
  border-left: 7px solid #576732;
  padding: 4px 4px 4px 10px;
  margin-bottom: 15px;
}
@media (max-width: 1029px) {
  .faq {
    margin: 0 10px;
  }
}