/****************
master.css
****************/
/*bootstrapの設定を読み込み*/
/*gridのgutter調整*/
.row-0 {
  margin-left: 0px;
  margin-right: 0px;
}
.row-0 > div {
  padding-right: 0px;
  padding-left: 0px;
}
.row-10 {
  margin-left: -5px;
  margin-right: -5px;
}
.row-10 > div {
  padding-right: 5px;
  padding-left: 5px;
}
.row-20 {
  margin-left: -10px;
  margin-right: -10px;
}
.row-20 > div {
  padding-right: 10px;
  padding-left: 10px;
}
.row-30 {
  margin-left: -15px;
  margin-right: -15px;
}
.row-30 > div {
  padding-right: 15px;
  padding-left: 15px;
}
.row-40 {
  margin-left: -20px;
  margin-right: -20px;
}
.row-40 > div {
  padding-right: 20px;
  padding-left: 20px;
}
/****************

基本設定

****************/
/*全体の設定*/
body {
  background: url(../images/body_bg.jpg);
}
.container {
  width: 100%;
}
.container img {
  max-width: 100%;
  height: auto;
}
@media (min-width: 992px) {
  .container {
    position: relative;
    width: 1080px;
  }
}
.hover_b:hover {
  -webkit-filter: brightness(120%);
}
.hover_o:hover {
  opacity: 0.8;
}
a {
  color: #666;
}
a:hover {
  color: #fc7c79;
}
a:hover img {
  opacity: 0.8;
}
h1,
h2 {
  margin: 0;
  padding: 0;
}
/* 点滅 
.blinking{
	-webkit-animation:blink 1.5s ease-in-out infinite alternate;
    -moz-animation:blink 1.5s ease-in-out infinite alternate;
    animation:blink 1.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0%  {-webkit-filter: brightness(100%);}
    79% {-webkit-filter: brightness(100%);}
    80% {-webkit-filter: brightness(120%);}
    81% {-webkit-filter: brightness(100%);}
    90% {-webkit-filter: brightness(120%);}
    81% {-webkit-filter: brightness(100%);}
}
/**/
/****************

微調整

****************/
.wrapper_breadcrumb {
  background: #EEE;
}
.breadcrumb {
  background: transparent;
  margin-bottom: 0;
  padding: 0.5em 0;
}
/****************

ヘッダー

****************/
.header {
  padding: 1em 0;
}
@media (min-width: 768px) {
  .header {
    padding: 1.5em 0;
  }
}
.header .header_logo {
  float: left;
}
@media (max-width: 768px) {
  .header .header_logo {
    width: 250px;
  }
}
.header .header_satei {
  float: right;
}
.header_nav {
  background: url(../images/common/header/header_nav_bg.jpg);
}
.header_nav ul {
  list-style: none;
  border-left: 1px solid #CCC;
  padding: 0;
  margin: 0;
}
.header_nav ul li {
  border-right: 1px solid #CCC;
  color: #FFF !important;
  width: 20%;
  float: left;
  font-size: 16px;
  text-align: center;
}
.header_nav ul li a {
  padding: 20px 0;
  color: #FFF;
  display: block;
  text-decoration: none;
}
.header_nav ul li a:hover {
  background: rgba(0, 0, 0, 0.2);
}
@media (max-width: 768px) {
  .header_nav ul {
    display: none;
    border-top: 1px solid #CCC;
  }
  .header_nav ul.active {
    display: block;
  }
  .header_nav ul li {
    width: 100%;
    border-bottom: 1px solid #CCC;
  }
}
.header_sp_menu_btn {
  cursor: pointer;
}
.header_sp_menu_btn:hover {
  opacity: 0.8;
}
.wrapper_top_hero {
  background: #2FAEB9;
  background: url("../images/common/mainv/mainv_bg.jpg") top center repeat;
  padding: 20px 0;
}
@media (min-width: 768px) {
  .wrapper_top_hero {
    background: url("../images/common/mainv/mainv_bg.jpg") top center repeat;
  }
}
.mainv_satei_btn {
  display: block;
  margin: auto;
  margin-top: -140px;
}
@media (min-width: 992px) {
  .mainv_satei_btn {
    margin-top: -160px;
  }
}
.wrapper_main {
  margin-top: 20px;
}
@media (max-width: 480px) {
  .wrapper_top h2 {
    font-size: 2em !important;
  }
}
.wrapper_top h2 {
  background: #2FAEB9;
  font-size: 28px !important;
  font-weight: bold;
  color: #FFF;
  text-align: center;
  padding: 1.5em 0;
  position: relative;
  margin-bottom: 60px;
}
.wrapper_top h2:after {
  content: "";
  width: 1px;
  height: 1px;
  border: 30px solid transparent;
  border-top-color: #2FAEB9;
  border-left-width: 40px;
  position: absolute;
  border-right-width: 40px;
  border-bottom-width: 0;
  margin-left: -40px;
  bottom: -30px;
  left: 50%;
}
.point_box,
.flow_box {
  background: #6EB419;
  border-radius: 10px;
  padding: 1em;
}
.point_box .point_txt,
.flow_box .point_txt {
  border-radius: 10px;
  background: #FFF;
  padding: 1em;
  margin-top: 1em;
}
/****************

下層ページ基本

****************/
.title {
  background: #2FAEB9;
}
.title h1 {
  font-size: 2em;
  font-weight: bold;
  color: #FFF;
  text-align: center;
  padding: 1.5em 0;
  position: relative;
}
/****************

買取業者 buyer

****************/
.main h3.area_hokkaido,
.main h3.area_touhoku,
.main h3.area_kantou,
.main h3.area_toukai,
.main h3.area_kansai,
.main h3.area_chuugoku,
.main h3.area_shikoku,
.main h3.area_kyuusyuu,
.main h3.area_okinawa {
  font-size: 16px;
  font-weight: bold;
  clear: both;
  margin-top: 0.3em;
  margin-bottom: 0;
}
.main h3.area_hokkaido {
  color: #2FAF2C;
}
.main h3.area_touhoku {
  color: #F5DD08;
}
.main h3.area_kantou {
  color: #34C8FF;
}
.main h3.area_toukai {
  color: #3FA3E3;
}
.main h3.area_kansai {
  color: #FD9AD5;
}
.main h3.area_chuugoku {
  color: #96CD0F;
}
.main h3.area_shikoku {
  color: #E55500;
}
.main h3.area_kyuusyuu {
  color: #D4E700;
}
.main h3.area_okinawa {
  color: #EE9800;
}
.main ul.area_list {
  list-style: none;
  margin: 0;
  margin-bottom: 10px;
  padding: 0.4em 0;
  clear: both;
  border-bottom: 1px dotted #CCC;
}
.main ul.area_list li {
  float: left;
  margin-right: 10px;
  margin-bottom: 5px;
  display: block;
  background: #FFF;
  border: 1px solid #CCC;
  border-radius: 5px;
}
.main ul.area_list li a {
  display: block;
  padding: 5px;
}
/****************

buyer 地域ページ

****************/
table.buyer_area_list {
  width: 100%;
  border-top: 1px solid #CCC;
}
table.buyer_area_list tr,
table.buyer_area_list th,
table.buyer_area_list td {
  border-collapse: collapse;
  padding: 0.5em 0;
  border-bottom: 1px solid #CCC;
}
ul.more_area {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 10px;
}
ul.more_area li {
  float: left;
  margin-right: 10px;
  margin-bottom: 5px;
  display: block;
  background: #FFF;
  border: 1px solid #CCC;
  border-radius: 5px;
}
ul.more_area li a {
  display: block;
  padding: 5px;
}
ul.more_area li.cat-item-none {
  display: none;
}
ul.more_area2 li {
  padding: 5px !important;
}
ul.more_area2 li a {
  display: inline !important;
}
table.buyer_detail {
  width: 100%;
  border-top: 1px solid #CCC;
  word-break: break-all;
}
table.buyer_detail tr,
table.buyer_detail th,
table.buyer_detail td {
  border-collapse: collapse;
  padding: 0.5em 0;
  border-bottom: 1px solid #CCC;
}
/****************

フッター

****************/
.footer {
  background: url(../images/common/header/header_nav_bg.jpg);
}
.main.single-buyer h3,
.main.tax-area h3,
.container_area_main h3 {
  background-color: #2FAEB9;
  color: #FFF;
  padding: 0.5em;
  position: relative;
  margin-bottom: 30px;
  clear: both;
}
.main.single-buyer h3:before,
.main.tax-area h3:before,
.container_area_main h3:before {
  position: absolute;
  content: "";
  border: 20px solid transparent;
  border-top-color: #2FAEB9;
  bottom: -30px;
}
@media (min-width: 768px) {
  .footer_fixed {
    display: none !important;
  }
}
/****************

レビュー

****************/
.testimonial_group .full-testimonial .rr_review_name {
  padding-right: 1em !important;
}
.testimonial_group .full-testimonial {
  background: #FFF;
  margin-bottom: 1em;
  border-radius: 5px;
}
.testimonial_group {
  /*
	max-height:500px;
	overflow-y: scroll !important;
	*/
  margin-top: 1em;
}
.rr_review_form .form_table .rr_form_row .rr_form_input textarea {
  width: 100% !important;
}
.rr_review_form .form_table .rr_form_row .rr_form_input input[type="text"] {
  width: 100% !important;
}
.rr_review_form .form_table {
  width: 100%;
}
.rr_review_form .form_table .rr_form_row .rr_form_input {
  width: 70%;
}
.testimonial_group .full-testimonial .rr_review_text .drop_cap {
  opacity: 0.1 !important;
}
/****************

コメントフォーム

****************/
.comment-listCon {
  padding: 1em;
  background: #FFF;
}
.comment-listCon .avatar {
  border-radius: 50%;
  float: right;
}
.comment-listCon .drop_cap {
  position: absolute;
  font-size: 150px;
  bottom: 0;
  left: 0;
  line-height: 10px;
  zoom: 1;
  filter: alpha(opacity=25);
  opacity: 0.1;
}
ul.comments-list {
  list-style: none;
  padding: 0;
}
ul.comments-list li {
  margin-bottom: 1em;
}
.crfp-field label {
  float: left;
  padding-right: 0.5em !important;
}
.acf-fields > .acf-field {
  padding: 0 0 0.5em !important;
}
/*
#comment_area {
	margin-top:1em;
	line-height:1.4em;}
//Comment List
#comment_area ol {list-style:none;padding-left:0;}
#comment_area ol li {overflow: hidden;}
#comment_area ol li.depth-1{border:1px dotted #fff; margin-bottom:1em; padding:12px;}
#comment_area ol li ul.children {margin-left: 10%;} //children 返信部分
#comment_area ol li ul.children li {border-top:1px dotted #fff; margin-top:1em; padding-top:12px;}

img.avatar {
	margin-right:8px;
	float:left;
	border-radius:50%;
}
span.says{display:none;}
cite.fn {font-size:90%;}
div.comment-meta {font-size:80%;}
div.comment-meta:after {content:''; display:block; height:0; clear:both; visibility:hidden;}
.comment-body p {
	background:#fff;
	border-radius: 12px;
	padding:0.5em 1em;
	margin:0.8em 0 0.5em;}
div.reply { margin-bottom:0.2em}//返信button
div.reply:after {content:''; display:block; height:0; clear:both; visibility:hidden;}
div.reply a {
	line-height:1em;
	display:block;
	float:right;
	background:#525252;
	padding:0.5em 1em;
	color:#FFF;
}
div.reply a:hover {background:#fff; text-decoration:none;}


.comment-subscription-form{display:none;}

*/
/****************

Q&A

****************/
/*Q&A アーカイブページ*/
.ul_q_and_a {
  border-top: 1px solid #CCC;
  list-style: none;
  padding-left: 0;
}
.ul_q_and_a li {
  border-bottom: 1px solid #CCC;
  padding: 0.5em 0;
  font-size: 1.5em;
}
/*Q&A 個別ページ*/
.voice_q,
.voice_a {
  border: 3px solid #CCC;
  background: #FFF;
  border-radius: 10px;
  padding: 1em;
  position: relative;
}
.voice_q:before {
  content: "";
  position: absolute;
  top: 2em;
  left: -15px;
  margin-top: -9px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 15px 15px 15px 0px;
  border-color: transparent #FFF transparent transparent;
  z-index: 0;
}
.voice_q:after {
  content: "";
  position: absolute;
  top: 2em;
  left: -19px;
  margin-top: -10px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 16px 16px 16px 0px;
  border-color: transparent #CCC transparent transparent;
  z-index: -1;
}
.voice_a:before {
  content: "";
  position: absolute;
  top: 2em;
  right: -15px;
  margin-top: -9px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 15px 0 15px 15px;
  border-color: transparent transparent transparent #FFF;
  z-index: 0;
}
.voice_a:after {
  content: "";
  position: absolute;
  top: 2em;
  right: -19px;
  margin-top: -10px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 16px 0 16px 16px;
  border-color: transparent transparent transparent #CCC;
  z-index: -1;
}
/*型番別買取相場*/
table.model_list {
  width: 100%;
  border-top: 1px solid #CCC;
}
table.model_list tr,
table.model_list th,
table.model_list td {
  border-collapse: collapse;
  padding: 0.5em;
  border-bottom: 1px solid #CCC;
}
table.model_list tr:hover {
  background: #EEE;
}
table.table_model_detail {
  width: 100%;
}
table.table_model_detail tr,
table.table_model_detail th,
table.table_model_detail td {
  border-collapse: collapse;
  padding: 0.5em;
  border: 1px solid #CCC;
}
table.table_model_detail tr:hover {
  background: #EEE;
}
.table_model_detail_wrapper {
  height: 10lh;
  overflow-y: scroll;
  margin-bottom: 1em;
}
h3.model_detail,
h2.arrow {
  background-color: #2FAEB9;
  color: #FFF;
  padding: 0.5em;
  position: relative;
  margin-bottom: 30px;
  font-size: 24px;
}
h3.model_detail:before,
h2.arrow:before {
  position: absolute;
  content: "";
  border: 20px solid transparent;
  border-top-color: #2FAEB9;
  bottom: -30px;
}
h4.model_detail {
  background: #EEE;
  padding: 0.5em;
}
/*テーブル*/
.content table {
  width: 100%;
  margin-bottom: 1em;
}
.content table tr,
.content table th,
.content table td {
  border-collapse: collapse;
  padding: 0.5em;
  border: 1px solid #CCC;
}
.content table tr:hover {
  background: #EEE;
}
.q_and_a_detail_desc h3 {
  background-color: #2FAEB9;
  color: #FFF;
  padding: 0.5em;
  position: relative;
  margin-bottom: 30px;
}
.q_and_a_detail_desc h3:before {
  position: absolute;
  content: "";
  border: 20px solid transparent;
  border-top-color: #2FAEB9;
  bottom: -30px;
}
.ghost_btn {
  border: 1px solid #2FAEB9;
  font-size: 1.7em;
  width: 300px;
  color: #2FAEB9 !important;
  text-decoration: none;
  text-align: center;
}
.ghost_btn a {
  padding: 0.5em 0;
  text-decoration: none !important;
  color: #2FAEB9;
  display: block;
}
.ghost_btn a:hover {
  background: #2FAEB9;
  color: #FFF;
}
.ghost_btn_s {
  font-size: 1em;
  width: 200px;
}
.main_single h3 {
  background-color: #2FAEB9;
  color: #FFF;
  padding: 0.5em;
  position: relative;
  margin-bottom: 30px;
}
.main_single h3:before {
  position: absolute;
  content: "";
  border: 20px solid transparent;
  border-top-color: #2FAEB9;
  bottom: -30px;
}
div#toc_container {
  margin-top: 2em;
}
.rating-container .crfp-rating-text p {
  margin-bottom: 0.5em !important;
}
.rating-container span.label {
  color: #333333;
}
/*トップスライダー*/
/*トップ　写真*/
.top_case_wrapper {
  width: 100%;
  height: 205px;
  background: #5A98EC;
  padding-top: 20px;
  padding-bottom: 20px;
}
.top_case_inner {
  height: 205px;
  overflow: hidden;
}
.top_case_inner .slideCell {
  display: block;
  float: left;
  border: 5px solid #FFF;
  border-radius: 0px;
  margin-right: 20px;
}
.top_case_img {
  height: 155px;
  border-radius: 0px;
}
/*ロゴスライダー*/
.top_logo_slider_wrapper {
  width: 100%;
  height: 80px;
  background: #FFFFFF;
  padding-top: 10px;
  padding-bottom: 10px;
}
.top_logo_slider_inner {
  height: 60px;
  overflow: hidden;
}
.top_logo_slider_inner .slideCell {
  display: block;
  float: left;
  border-radius: 0px;
  margin-right: 10px;
}
.top_logo_slider_img {
  height: 60px;
  border-radius: 0px;
}
.page_title_wrapper {
  width: 100%;
  background: url(../images/top/top_case_bg.jpg) repeat;
  padding-top: 15px;
  padding-bottom: 15px;
}
.page_title_wrapper h1 {
  color: #FFF;
  font-weight: bold;
  font-size: 30px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 1em;
  /*line-height:60px;*/
  background: url(../images/common/title_bg.png) left center no-repeat;
  letter-spacing: 0.1em;
}
.piano_kaitori_maker {
  border: 1px solid #CCC;
  padding: 0.5em;
  text-align: center;
  border-radius: 5px;
  margin-bottom: 0.5em;
  background: #FFF;
}
table a {
  color: blue !important;
  text-decoration: underline !important;
}