.latest_model_list3--item .purchase::before {
content: "買取実績";
} .latest_model_list3--item.is-hidden {
opacity: 1;
height: auto;
margin: 0;
display: flex;
}
.latest_model_list3--item .img {
height: 72%;
background-color: #e6e6e6;
padding: 10px;
}
.btn--more3 {
display: none;
}
button.btn.brand_btn {
background-color: #bc001d;
display: flex;
color: #fff;
position: relative;
padding-left: 30px;
}
.yajirusi {
margin-left: 5px;
padding: 12px;
background-color: #ffffff;
border-radius: 25px;
}
.yajirusi::before {
content: '';
width: 10px;
height: 10px;
border-top: solid 2px #bc001d;
border-right: solid 2px #bc001d;
position: absolute;
top: 12px;
right: 18.5px;
transform: rotate( 134deg );
}
.latest_model_list3 {
flex-wrap: nowrap;
row-gap: 0px;
margin-bottom: 0px;
gap: 4px;
justify-content: start;
}
.latest_model_button .b {
width: 100%;
border-bottom: 1px solid #ddd;
}
.modal-content {
width: 50%;
}
.modal-content {
width: 50%;
overflow: scroll;
max-height: 500px;
margin: auto;
background-color: #ccc;
}
.modal-body {
padding: 0rem;
}
.btn-primary {
color: #212529;
background-color: #ccc;
border-color: #000;
}
.latest_model_button {
row-gap: 0px;
}
.latest_model_button .b .btn {
color: #fff;
}
.yajirusi {
color: #000;
margin-left: 5px;
}
.btn_wrap {
position: relative;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px;
}
.modal {
position: absolute;
top: 71%;
left: 0%;
z-index: 1050;
display: none;
width: 100%;
height: auto;
overflow: hidden;
outline: 0;
}
.brand_btn_text {
margin-right: 10px;
}
.slider-wrap {
position: relative;
}
.blur {
position: relative;
}
.blur::before {
content: "";
display: inline-block;
background: linear-gradient(to left, rgba(255, 255, 255, 0), #fff) !important;
width: 35px;
height: 100%;
position: absolute;
top: 50%;
left: -20px;
transform: translate(0, -50%);
z-index: 2;
}
.blur::after {
content: "";
display: inline-block;
background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff) !important;
width: 35px;
height: 100%;
position: absolute;
top: 50%;
right: -20px;
transform: translate(0, -50%);
z-index: 2;
}
.display_none {
display: none;
}
.latest_model_block_wrap.swiper-container.swiper-fade.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-autoheight.swiper-watch-progress {
position: relative;
}
.swiper-container {
position: relative;
}
.latest_model_list3--item .purchase p {
font-size: 1.2rem;
}
.latest_model_list3--item {
width: calc(100% / 5 - 4px);
background-color: #f5efe1;
padding: 0px;
gap: 0px;
height: 360px!important;
}
.slider-wrap {
overflow: hidden;
}
.slider-area {
position: relative;
width: 600px;
height: 300px;
background-color: #FFF;
overflow: hidden;
}
.slider-list {
position: absolute;
top: 0;
left: 0;
width: 2400px;
height: 300px;
}
.slider-list>li {
float: left;
}
.slider-ctrl-btn {
position: absolute;
top: 50%;
width: 50px;
height: 50px;
margin-top: -15px;
cursor: pointer;
border-radius: 50px;
border: 1px solid #fff;
background-color: rgb(0 0 0 / 50%);
}
.slider-ctrl-btn.prev {
left: -8%;
z-index: 10;
top: 10rem;
}
.slider-ctrl-btn.next {
right: -8%;
z-index: 2;
top: 10rem;
}
.prev::before {
content: '';
width: 20px;
height: 20px;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
position: absolute;
left: 18px;
top: 15px;
}
.next::before {
content: '';
width: 20px;
height: 20px;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
position: absolute;
left: 10px;
top: 15px;
}
.prev::before {
transform: rotate(-135deg);
}
.next::before {
transform: rotate(45deg);
}
.latest_model_list3--item.swiper-slide.empt.sp_only.is-hidden {
background-color: #f2d9df;
}
span.brandName {
background-color: #f5efe1;
color: #000;
padding: 4px;
border-radius: 15px;
}
.latest_model_list3--item .purchase {
display: block;
width: 85%;
padding-bottom: 15px;
}
.latest_model_list3--item .purchase::before {
display: inline;
}
.latest_model_list3--item .name {
text-align: left;
align-items: baseline;
padding: 0 10px;
}
.brandName {
font-weight: bold;
}
.latest_model_list3 {
justify-content: start;
}
.nav-item {
display: block;
width: 100%;
border-bottom: 1px solid #ddd;
}
.nav-item a,
.tabbtn button {
color: #fff;
}
.nav_text {
background-color: #727171;
}
.nav-item .active,
.nav-link .current,
.current
{
background-color: #bc001d;
}
button.current {
width: 100%;
}
.latest_model_button {
text-align: center;
}
.modal-header {
padding: 5px 1rem;
}
.tab-content {
padding-right: 5px;
}
.otkr-animation_tab-content {
max-width: 1050px;
margin: 0 auto;
padding: 2rem 5% 2rem;
position: relative;
}
section#q1 {
padding: 0!important;
}
#q1.active {
padding: 0!important;
border: 1px #bc001d;
}
.latest_list_tab_nav {
flex-wrap: nowrap;
position: relative;
z-index: 2;
}.nav_text {
text-align: center;
padding: 0.5rem 0rem;
display: grid;
}
.latest_list_tab_nav_list {
border: none;
position: relative;
}
#slider-wrap {
width: 900px;
}
.tab-content {
left: 0px;
}
@media (min-width: 769px) {
.slider .slider-for {
float: left;
width: 79.1666%;
}
.slider .slider-nav-wrap {
position: absolute;
top: 50%;
right: 0;
width: 16.6666%;
padding: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.slider .slider-nav-wrap .slider-nav .slick-list {
padding: 0 0 !important;
}
.slider .slider-nav-wrap .slider-nav .slick-track {
left: 0 !important;
}
.slider .slider-nav-wrap .slider-nav .slick-slide {
padding: 0;
}
.slider .slider-nav-wrap .slick-arrow {
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.slider .slider-nav-wrap .slick-prev {
top: auto;
bottom: -1.5em;
border-width: 18px 9px 0 9px;
border-color: #444444 transparent transparent transparent;
}
.slider .slider-nav-wrap .slick-next {
top: -1.5em;
border-width: 0 9px 18px 9px;
border-color: transparent transparent #444444 transparent;
}
.latest_model_list3--item .name span {
display: block;
font-size: 14px;
}
.sp_only {
display: none !important;
}
}
@media (max-width: 768px) {
.pc_only {
display: none;
}
.slider-wrap {
position: relative;
left: -20px;
width: 370px;
}
.swiper-slide-active {
padding-left: 30px;
}
.latest_model_list3--item {
width: 140px;
height: 305px!important;
margin: 1px !important;
}
.brand_btn_text {
margin: auto;
}
.btn_wrap {
flex-direction: column;
margin-bottom: 10px;
}
button.btn.brand_btn {
margin: 10px 0 auto;
}
.latest_model_list3 {
margin: 0;
padding-bottom: 10px;
height: 315px;
}
.latest_model_list3--item .purchase p {
font-size: 1rem;
}
span.brandName {
padding: 5px 0px;
}
.slider-ctrl-btn.prev {
top: 7rem;
}
.slider-ctrl-btn.next {
top: 7rem;
}
} .tab_ttl_wrap {
padding: 0 0 0;
}
.nav_text {
border-radius: 10px 10px 0 0;
font-size: 1.7rem;
letter-spacing: 10px;
}
.nav_text.active {
position: relative;
}
.latest_list_tab_nav_list:nth-child(1) .nav_text.active::after, 
.latest_list_tab_nav_list:nth-child(2) .nav_text.active::after, 
.latest_list_tab_nav_list:nth-child(3) .nav_text.active::after, 
.latest_list_tab_nav_list:nth-child(4) .nav_text.active::after 
{
content: "";
position: absolute;
box-shadow: 3px 0px 0.3em #4c4c4c;
width: 100%;
height:  -webkit-fill-available;
z-index: 2;
border-radius: 10px 10px 0 0;
}
.latest_list_tab_nav_list:nth-child(1) .nav_text.active::before,
.latest_list_tab_nav_list:nth-child(2) .nav_text.active::before,
.latest_list_tab_nav_list:nth-child(3) .nav_text.active::before,
.latest_list_tab_nav_list:nth-child(4) .nav_text.active::before
{
content: "";
position: absolute;
box-shadow: -3px 0px 0.3em #4c4c4c;
width: 100%;
height: 62px;
z-index: 2;
border-radius: 10px 10px 0 0;
}
.latest_list_tab_nav_list:first-child .nav_text.active::before {
display: none;
}
.latest_list_tab_nav_list:last-child .nav_text.active::after {
display: none;
}
.latest_model_list_lead_text {
display: none;
}
.nav_text {
border-bottom: 2px solid #bc001d;
}
.otkr-comparison--detail_text {
font-size: 23px;
}
.otkr-comparison--detail_text_led {
color: #bc001d;
}
.otkr-cmn-inner_for_tab_content,
.otkr-animation_for_tab_content {
padding: 0px 0px;
}
.otkr-cmn-inner_for_tab_content {
max-width: 900px;
margin-top: 50px;
}
.otkr-comparison2--title_for_tab_content {
font-size: 24px;
}
.abprice-block_for_tab_content {
flex-direction: column;
}
.otkr-comparison .priceresult {
display: none;
}
.abprice-block_for_tab_content .abprice-item {
width: 100% !important;
}
.abprice-block_for_tab_content label,
.abprice-block_for_tab_content .price {
border: 1px solid #000 !important;
margin: 3px 3px !important;
padding: 10px !important;
}
.abprice-block_for_tab_content label {
width: 25%;
background-color: #fff !important;
text-align: center;
}
.abprice-block_for_tab_content .price {
width: 74%;
text-align: end;
}
.abprice-block_for_tab_content .abprice-total .price {
padding: 10px 20px !important;
font-size: 34px !important;
background-color: #bc001d;
color: #fff;
}
.abprice-block_for_tab_content .abprice-total label {
background-color: #bc001d !important;
color: #fff;
}
.good_deal_text {
text-align: center;
font-size: 30px;
font-weight: bold;
}
.good_deal_inner_text {
font-size: 25px;
font-weight: normal;
background-color: #c9caca;
padding: 0 10px;
}
.good_deal_price {
color: #bc001d;
}
.otkr-comparison--banner .btn-souba.btn-souba_for_tab_content {
background-color: #00873c;
border-bottom: 5px solid #000;
border-right: 5px solid #000;
overflow: hidden;
position: relative;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-radius: 10px 10px 10px 10px;
}
.otkr-comparison--banner .btn-souba.btn-souba_for_tab_content:hover {
margin-top: 3px;
border-bottom: 2px solid #000;
}
.otkr-comparison--banner .btn-souba {
max-width: 650px;
padding: 5px 0;
}
.otkr-comparison--banner .btn-souba:before {
background-image: url(//lp.otakaraya.jp/wp-content/themes/lp202302/assets/img/tel_icon.webp);
}
.btn-souba_for_tab_content img {
width: 70px;
position: absolute;
top: -11px;
left: 28px;
}
.tab_content_section {
padding: 0 !important;
}
.latest_list_tab_nav {
position: absolute;
width: 899px;
top: 100px;
left: 7.2%;
}
.btn-souba_for_tab_content {
border-bottom: 4px solid #000;
border-right: 3px solid #000;
}
.otkr-comparison--image img {
max-width: 65%;
}
.otkr-comparison--banner {
padding: 2rem 0 2rem 0;
}
.otkr-comparison {
margin-top: 0px;
}
.otkr-animation_tab-content {
margin-top: 40px;
}
.only_comparison_content_section .height_content {
height: 70px;
}
.nav.latest_list_tab_nav.comparison_tab_nav {
top: 150px;
}
.tab_content_top_text {
font-size: 2rem;
margin-bottom: 100px;
}
.latest_model_list3--item.blank {
background-color: white;
}
@media (max-width: 768px) {
.tab-content {
padding-right: 0px;
}
.tab-content.otkr-animation_tab-content.achievement_tab_content {
padding-right: 5px;
}
.tab_content_top_text {
font-size: 1.2rem;
margin-bottom: 70px;
}
.only_comparison_content_section .height_content {
height: 50px;
}
.nav_text {
letter-spacing: 3px;
}
.latest_list_tab_nav {
width: 88%;
top: 65px;
left: 6%;
}
.nav.latest_list_tab_nav.comparison_tab_nav {
top: 115px;
}
.latest_list_tab_nav_list:nth-child(1) .nav_text.active::after,
.latest_list_tab_nav_list:nth-child(2) .nav_text.active::after,
.latest_list_tab_nav_list:nth-child(3) .nav_text.active::after,
.latest_list_tab_nav_list:nth-child(4) .nav_text.active::after
{
height: 100%;
}
.latest_list_tab_nav_list:nth-child(1) .nav_text.active::before,
.latest_list_tab_nav_list:nth-child(2) .nav_text.active::before,
.latest_list_tab_nav_list:nth-child(3) .nav_text.active::before,
.latest_list_tab_nav_list:nth-child(4) .nav_text.active::before
{
height: 100%;
}
.otkr-comparison--block {
flex-direction: column;
}
.otkr-comparison--image {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.otkr-comparison--detail {
width: 100%;
}
.abprice-block_for_tab_content label,
.abprice-block_for_tab_content .price {
padding: 3px !important;
}
.abprice-block_for_tab_content .abprice-total .price {
font-size: 20px !important;
}
.otkr-comparison--image img {
max-width: 40%;
}
.otkr-comparison2--title_for_tab_content {
font-size: 17px;
}
.otkr-comparison .abprice-block .abprice-item {
align-items: stretch;
}
.good_deal_text {
font-size: 18px;
}
.good_deal_inner_text {
font-size: 15px;
}
.btn-souba_for_tab_content img {
width: 45px;
top: -4px;
left: -11px;
}
.otkr-comparison--banner .btn-souba.btn-souba_for_tab_content {
border-bottom: 3px solid #000;
border-right: 3px solid #000;
border-radius: 0px 10px 10px 10px;
font-size: 13px;
padding: 10px 0;
}
.abprice-block_for_tab_content .abprice-total label {
font-size: 12px !important;
}
.prev,
.next {
display: none;
}
.latest_model_list3 {
margin: 0 0px 0 0px;
}
.otkr-ttl p {
font-size: 12px;
}
.otkr-comparison .abprice-block {
gap: 0px;
margin: 0 0 2rem 0;
}
.tab_ttl_wrap {
padding:0rem 0% 0rem;
}
.swiper-slide-active {
padding-left: 0px;
}
.latest_model_list3--item {
width: 150px;
}
.otkr-comparison .product-name {
margin: 5px 0;
}
.price_text {
line-height: 33px;
font-size: 15px;
width: 66%;
text-align: center;
background-color: #c9caca;
margin: 3px;
line-height: 25px;
}
.price_header_text {
padding: 0px !important;
}
.price_header_text label {
background-color: #c9caca !important;
border: none !important;
line-height: 20px !important;
}
.abprice-item.price_header_text {
height: 32px;
}
.abprice-block_for_tab_content label {
width: 30%;
}
h2.tab_content_h2 {
line-height: 1.5;
padding: 0;
}
.nav_text {
font-size: 0.8rem;
}
.achievement_tab_content .otkr-animation_for_tab_content {
width: 100%;
}
.footer2022_02 {
width: 906px;
}
.abprice-block_for_tab_content .abprice-total .price {
padding: 3px 20px !important;
}
.otkr-cmn-inner_for_tab_content {
margin-top: 20px;
}
.slider_hidden_wrap {
position: relative;
left: -11px;
margin-right: 10px;
}
.brand_slider-ctrl-btn.next {
right: 4% !important;
}
.brand_slider-ctrl-btn.prev {
left: -4% !important;
}
.slider_hidden_wrap {
left: -11px;
}
.slider-wrap::after {
right: 9px;
}
.slider-wrap::before {
left: -35px;
}}