@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/


img {
	    pointer-events: none;
}

.l-footer__foot {
	display: none;
}

.p-postList__link:hover .c-postThumb__img {
	transform: scale(1);
}

.p-articleThumb__img {
	height: 50vh;
	object-fit: contain;
}

.archive .u-obf-cover {
	object-fit: contain;
}

@media (max-width: 959px) {
	#header.-series .l-header__logo,
	#fix_header.l-fixHeader__logo{
		padding-left: 20px;
	}
}

@media (max-width: 781px) {
	#sidebar {
		display: none;
	}
}

#content {
	max-width: 1320px;
	width: 100%;
	padding: 0 20px;
}

#content .post_content {
	padding: 0;
}

.post_content .sidebar__title {
	padding-top: 40px;
}

.sidebar__post-list,
.sidebar__acordion {
	padding-top: 20px;
}

.sidebar__acordion .swell-block-accordion__item,
.sidebar__post-list .p-postList__link {
	border-bottom: 1px solid #000;
}

.sidebar__post-list .p-postList,
.sidebar__acordion>.swell-block-accordion__item:first-child{
	border-top: 1px solid #000;
}

.sidebar__acordion a {
	color: #000;
}



@media (max-width: 781px) {
	#content {
	   padding: 0 20px;
    }
	
	.p-articleThumb {
		margin: 0;
	}
	
	.l-mainContent__inner>.post_content {
		margin-top: 12px;
	}
}

.single-img {
	margin-top: 20px;
}

.post_content .single-img__title {
	border-left: none;
	font-size: 20px;
	padding: 0;
	margin-bottom: 20px;
}

.single-img__show,
.single-img__hide-inner {
	display: flex;
	justify-content: space-between;
}

.single-img__hide-inner {
	padding-top: 10px;
}

.single-img__show img,
.single-img__hide img {
	width: 30%;
	
}

.single-img__hide{
display: none;
}

button.single-img__more {
width: 120px;
display: block;
margin-left: auto;
background-color: transparent;
color: #000;
border: none;
outline: 0;
transition: .5s;
-erbkit-transition: .5s;
}
 
button.single-img__more::before {
content: "もっと見る";
transition: .2s;
-erbkit-transition: .2s;
}

button.single-img__more::after {
	content: "";
	transition: .2s;
-erbkit-transition: .2s;
}


button.single-img__more.on-click::before{
content: "閉じる";
}

@media (max-width: 781px) {
	.post_content .single-img__title {
		font-size: 12px;
		margin-bottom: 12px;
	}
}

.single-form__items {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 25px 0;
	border-bottom: 1px solid #000;
}

.single-form__items:nth-child(7) {
	border-bottom: none;
	align-items: start;
}

.single-form__items .form__title {
	width: 30%;
	font-weight: 700;
}

.single-form__items .item-box {
	width: 70%;
}

.single-form__items .item-box input, .single-form__items .item-box textarea {
	width: 100%;
	padding: 19.5px 12px;
	background-color: #FFF;
	border: 1px solid #000;
}

.single-form__btn-block {
	text-align: center;
}

.single-form__btn-block input {
	max-width: 396px;
	width: 100%;
	border:  1px solid #D6000B;
	color: #D6000B;
	padding: 25px 0;
	font-weight: 700;
	background-color: #FFF;
}

@media (max-width: 781px) {
	.single-form__items {
		padding: 12px 0;
	}
	
	.single-form__items .form__title {
		font-size: 12px;
	}
	
	.single-form__items .item-box input, .single-form__items .item-box textarea {
		padding: 12px;
	}
	
	
	.single-form__btn-block {
		width: 52%;
		margin: auto;
	}
	
	.single-form__btn-block input {
		padding: 8px 0;
	}
	
	.wpcf7-spinner {
		display: none;
	}
	
	.l-articleBottom__section {
		margin-top: 20px;
	}
}

#comments .c-secTitle {
	background-color: #000;
    color: #FFF;
    padding: 12px;
    font-size: 24px;
	margin-bottom: 40px;
}

.-body-solid .p-commentArea {
	padding: 0 20px;
	box-shadow: none;
	background-color: transparent;
}

@media (max-width: 781px) {
	.-body-solid .p-commentArea {
		padding: 0;
	}
}

.p-commentArea__title {
	display: none;
}

#respond .p-commentArea__title {
	display: block;
	font-size: 20px;
	line-height: 1.5;
	letter-spacing: 0.1em;
	border-bottom: 1px solid #000;
}

.required {
	color: #D6000B;
}

.p-commentArea__title .icon-pen {
	display: none;
}

.c-commentList {
	margin-bottom: 20px;
}

.c-commentList .comment {
	border: 1px solid #000;
	padding: 20px 20px 12px;
	margin-bottom: 20px;
}

.comment-author.vcard {
	position: relative;
}

.bypostauthor .comment-author.vcard::before {
    content: "R";
    background-color: orange;
    padding: 0 9px;
    position: absolute;
    top: -6px;
    border-radius: 999999px;
    left: -7px;
}

.reply {
	display: none;
}

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

.comment-respond {
	border: 1px solid #000;
	padding: 20px;
}

.comment-respond #author,
.comment-respond #comment,
.comment-respond #email, 
.comment-respond #url {
	box-shadow: none;
	border: 1px solid #000;
}
	
.comment-respond #submit {
    margin: 0 auto;
    display: block;
    color: #D6000B;
    background-color: transparent;
    border: 1px solid #D6000B;
	max-width: 470px;
	width: 100%;
}

/* buy-carとsearch-carの共通部分 */

.buy-car-template-default #top_title_area,
.seach-car-template-default #top_title_area {
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
}

.buy-car-template-default #top_title_area img,
.seach-car-template-default #top_title_area img {
		opacity: 0;
}

.post_content .single-post__title, .single-post__title,.contact-post__title {
	font-size: 24px;
	font-weight: 700;
	background-color: #000;
	color: #FFF;
	padding: 12px;
	margin: 0;
}
	
.single-post__item {
	display: flex;
	border-bottom: 1px solid #000;
	padding: 20px 0;
}

.single-post__item dt {
	width: 40%;
}

.single-post__item dd {
	width: 60%;
}

.buy-car-template-default #block-17,
.seach-car-template-default #block-17 {
	display: none;
}

@media screen and (max-width: 770px) {
	.post_content .single-post__title {
		font-size: 18px;
	}
	
	.single-post__item {
	    padding: 12px 0;
		font-size: 12px;
    }	
}

/* buy-car記事ページ */

.buy-car-template-default #top_title_area {
	background-image: url(https://www.yutori-x.com/dev5/wp-content/uploads/2023/09/買取車両投稿ページ-1single-buy-car__mv-scaled.jpg);
}
	
.p-articleHead.c-postTitle {
	padding: 0 80px;
}
	
.p-articleHead.c-postTitle .c-postTitle__date {
	display: none;
}
	
.p-articleMetas {
	display: none;
}

.post_content .l-single-post__title {
	margin: 0 0 20px 0;
}

.single-post__text {
	margin-bottom: 80px;
}

.buy-car__back {
	padding-top: 20px;
}

.buy-car__tag {
	background-color: #D6000B;
    color: #FFF;
    font-size: 24px;
    font-weight: 400;
    padding: 12px;
    display: inline-block;
    margin: 20px 0 40px;
}

.buy-car__tag span::after {
	content: "・";
}

.buy-car__tag span:last-child::after {
	display: none;
}


	
.buy-car__back-btn {
	background-color: #000;
	color: #FFF;
	padding: 8px 24px;
	font-size: 20px;
	font-weight: 700;
	line-height: 2;
	display: inline-block;
}
	
.buy-car__back-btn::before {
	font-family: icomoon;
	content:"\e911";
}

.buy-car-template-default #sidebar {
	padding-top: 40px;
}



@media (max-width: 781px) {
	
	.single-post__text {
		margin-bottom: 20px;
	}
	
	.buy-car__back {
		display: none;
}
	
	.buy-car__tag {
		margin: 17px 0 22px;
		padding: 8px;
		font-size: 16px;
		max-width: 69.33333333333334vw;
		width: 100%;
		text-align: center;
	}
}

/* お探し情報記事ページ */

.seach-car-template-default #top_title_area {
	background-image: url(https://www.yutori-x.com/dev5/wp-content/uploads/2023/09/お探し依頼投稿ページ-1single-search-car__mv-scaled.jpg);
}


.seach-car-template-default .c-postTitle__ttl,
.buy-car-template-default .c-postTitle__ttl{
	font-size: 2.7777777777777777vw;
	line-height: 1.5;
	font-weight: 700;
	letter-spacing: 0.1em;
}

.seach-car-template-default #content {
	padding-top: 40px;
}

.seach-car-template-default .p-articleThumb {
	margin: 0;
}

.seach-car-template-default .l-mainContent__inner>.post_content {
	margin-top: 40px;
}

.seach-car-template-default #swell_new_posts-3 {
	display: none;
}

.seach-car-template-default #block-13 {
	display: block;
}

.seach-car-template-default #block-13 .sidebar__title {
	padding-top: 0;
}

.seach-car-template-default .p-postList__body {
	display: grid;
}

.seach-car-template-default .p-postList__meta {
	order: 2;
	margin-bottom: 0;
}

.seach-car-template-default .c-postTimes__posted {
	line-height: 1.5;
}

.seach-car-template-default .p-postList__cat {
	background-color: transparent;
	color: #383838;
	font-size: 16px;
	line-height: 1.5;
	font-weight: 400;
	letter-spacing: 0.1em;
	padding-top: 0;
	padding-bottom: 0;
}

.seach-car-template-default .p-postList__title {
	order: 1;
	font-size: 16px;
	line-height: 1.5;
	font-weight: 700;
	letter-spacing: 0.1em;
}

.seach-car-template-default #block-13 {
	display: block;
}

.seach-car-template-default #block-13 {
	display: block;
}




@media (max-width: 959px) {
	.seach-car-template-default #content {
		padding-top: 20px;
	}
	
	.seach-car-template-default .l-mainContent__inner>.post_content {
		margin-top: 12px;
	}
}

@media (max-width: 781px) {
	.p-articleHead.c-postTitle {
		padding: 0 20px;
	}
	
	.seach-car-template-default .c-postTitle__ttl,
.buy-car-template-default .c-postTitle__ttl{
		font-size: 20px;
	    padding: 0 20px;
	}
}
	

.footer-bunner {
   justify-content: center;
}

.footer-bunner__column {
   max-width: 365px;
   width: 100%;
}

.w-footer__box {
	padding: 0;
}

.l-footer__widgetArea {
	padding-bottom: 0;
}

@media (max-width: 781px) {
    
   #content {
      padding: 0 20px;
   }

   .footer-bunner {
   flex-wrap: nowrap!important;
   flex-direction: row-reverse;
   }

   .l-footer__widgetArea {
      padding-top: 40px;
	  padding-bottom: 0;
   }	

}

	.swiper-button-prev,
	.swiper-button-next{
		background-color: transparent;
		color: #000;
	}

	.swiper-button-prev {
		left: 20px;
	}
	
	.swiper-button-next {
		right: 20px;
	}

	.single-img__block-pc {
		display: block;
	}
	
	.single-img__block-sp {
		display: none;
	}

@media (max-width: 781px) {
	.single-img__block-pc {
		display: none;
	}
	
	.single-img__block-sp {
		display: block;
	}
}

.footer__copy {
	font-size: 8px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1.5;
}

.footer__sp-br {
	display: none;
}

@media (max-width: 400px) {
	.footer__sp-br {
		display: none;
	}
}

/* archive
***************************************************************/

.archive .-type-card .p-postList__body {
    display: grid;
    padding-top: 8px;
}

.archive .-type-card .p-postList__title {
	font-size: 1.6666666666666667vw;
    order: 2;
    padding-top: 8px;
}

.archive .p-postList__tags {
	order: 1;
}

.archive .p-postList__tags object a {
    font-size: 16px;
    line-height: 2;
    padding: 4px 16px;
    margin-right: 24px;
    text-decoration: none;
	background-color: lightgray;
	color: #000;
}

.archive .p-postList__tags object .buy {
	    background-color: #FFBD00;
    color: #BE0000;
}

.archive .p-postList__tags object .cell {
    background-color: #0A0080;
    color: #FFF;
}

.archive .slides-meta {
    display: flex;
    list-style: none;
    padding-left: 0;
    align-items: center;
    color: #383838;
    gap: 18px;
    order: 3;
}

.archive .p-postList__meta {
	margin-top: 0;
}

.archive .p-postList__times {
    opacity: 1;
    margin-right: 0;
}

.archive .c-postTimes__posted {
    margin-right: 0;
}

.archive #block-17 {
	display: none;
}

.archive #block-16 {
	padding: 0 20px;
}
	
	.archive #block-15 {
		margin-top: 80px; 
	}

@media (max-width: 900px) {
	.archive .-type-card .p-postList__title {
		font-size: 16px;
	}
}

@media (max-width: 781px) {
	.archive .c-widget+.c-widget {
		margin-top: 0;
	}
	
	.archive .l-footer__widgetArea {
		padding-top: 20px;
	}
	
	.archive #block-15 {
		margin-top: 40px; 
	}
	
	.footer__sns {
		justify-content: center;
	}
}

.post_content .single-post__cartle {
	width: 100%;
	height: 100%;
}

.post_content .single-post__cartle iframe.home-preview {
	width: 100%;
	height: 100%;
	aspect-ratio: 470 / 233;
}

.single-post__band a {
	display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 450px;
	color: #333;
	transition: 0.3s;
	background: #000;
    color: #fff;
    border-radius: 9999px;
    padding: 15px 0;
	margin-top: 10px;
}

.single-post__band a:hover {
	opacity: 0.7;
}

.single-post__band a img {
	max-width: 200px;
}