.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(//piano-no1.com/wp-content/themes/piano-no1.com/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;
}  .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(//piano-no1.com/wp-content/themes/piano-no1.com/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(//piano-no1.com/wp-content/themes/piano-no1.com/images/common/mainv/mainv_bg.jpg) top center repeat;
padding: 20px 0;
}
@media (min-width: 768px) {
.wrapper_top_hero {
background: url(//piano-no1.com/wp-content/themes/piano-no1.com/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;
} .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;
} 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(//piano-no1.com/wp-content/themes/piano-no1.com/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 { 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;
}   .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;
} .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(//piano-no1.com/wp-content/themes/piano-no1.com/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; background: url(//piano-no1.com/wp-content/themes/piano-no1.com/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;
}