@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
*/


/* 親ulのスタイル強制上書き */
.main-contents-slider ul.p-postList {
  display: flex !important;          /* flex強制 */
  flex-wrap: nowrap !important;      /* 折り返し禁止 */
  overflow-x: auto !important;       /* 横スクロール */
  -webkit-overflow-scrolling: touch; /* iOS慣性スクロール */
  gap: 20px !important;               /* カード間スペース */
  padding-bottom: 8px;                /* スクロールバー余白 */
  scroll-behavior: smooth;
}

/* 子liのサイズ指定 */
.main-contents-slider ul.p-postList > li.p-postList__item {
  flex: 0 0 300px !important;  /* 固定幅 */
  max-width: 300px !important; /* 最大幅も制限 */
  display: flex !important;
  flex-direction: column !important;
  scroll-snap-align: start;    /* スナップ（お好みで） */
}

/* スクロールバー（webkit系） */
.main-contents-slider ul.p-postList::-webkit-scrollbar {
  height: 8px;
}
.main-contents-slider ul.p-postList::-webkit-scrollbar-thumb {
  background-color: rgba(0,0,0,0.15);
  border-radius: 4px;
}
.main-contents-slider ul.p-postList::-webkit-scrollbar-track {
  background-color: transparent;
}

.main-contents-slider .p-postListWrap  {
	padding-bottom:20px;
}

/* スクロールスナップを親に付与 */
.main-contents-slider ul.p-postList {
  scroll-snap-type: x mandatory;
}

.p-mainVisual__imgLayer img {
	border-radius:150px 10px 10px 10px !important;
}

#content {
	padding-top: 0 !important;
}

#main_visual {
	max-width:90%;
	margin:1rem auto 0 auto;
}

.display-none {
	display:none !important;
}

.pd-t10{
	padding-top:10px !important;
}

.pd-l10 {
	padding-left:10px !important;
}

.pd-r10 {
	padding-right: 10px !important;
}

.pd-b10 {
	padding-bottom: 10px !important;
}

.border-radius-tl50 img {
	border-radius: 50px 0 0 0 !important;
}

.main-about-label {
	position:absolute;
	padding: 10px 0 !important;
	margin-top:10px;
	width: 50vw;
clip-path: polygon(0 0, 95% 0, 100% 100%, 0% 100%);
}

.main-about-label-text {
	margin-left:auto;
	width:300px;
}

.mg-t6r {
	margin-top: 6rem !important;
}

.p-postList__price {
	margin-top:2rem !important;
	display:flex;
	justify-content:end;
	align-items:end;
	line-height:16px;
}

.p-postList__price div {
	font-size:25px;
	padding:0 0.3rem;
	line-height:25px;
}

.main-contents-slider .swell-block-button {
	margin-top:20px !important;
}

.l-topTitleArea.c-filterLayer::before {
    background-color: #fffff;
    opacity: 0.2;
    content: "";
}

.p-postList__price-number {
	font-size:2rem !important;
	line-height:26px;
	font-weight:bold;
	color:#502201;
}

/* price position */
.-type-list .p-postList__link {
	align-items:stretch;
}

.-type-list .p-postList__thumb {
	height:100%;
}

.-type-list .p-postList__link .p-postList__price {
	position:absolute;
	bottom:0;
	right:10px;
}

.main-step .swell-block-step {
	max-width:90% !important;
	width:100% !important;
	margin-left:auto;
	margin-right:auto;
}

.p-postThumbWrapper {
	position: relative;
	display: block;
}

.p-soldBadge {
	position: absolute;
	height:100%;
	width:100%;
	top: 0;
	left:0;
	background: rgba(0,0,0,0.3);
	color: #fff;
	font-size: 0.85rem;
	font-weight: bold;
	padding: 4px 10px;
	border-radius: 3px;
	z-index: 2;
	pointer-events: none;
	display:flex;
	justify-content:center;
	align-items:center;
	font-size:2rem;
}


@media screen and (max-width:1000px) {
	
}

@media screen and (max-width:767px) {
	
		.main-link-btn .swell-block-fullWide__inner {
	font-size: 12px;
}
	
	body p {
		font-size:14px;
	}
	
		body p span {
		font-size:14px !important;
	}
	
	body h2 {
		font-size:17px !important; 
	}
	
	.p-mainVisual__imgLayer img {
    border-radius: 50px 5px 5px 5px !important;
}
	
	.mini-text {
		font-size:10px;
	}
	
	.main-contents-slider ul.p-postList {
		gap : 0px !important
	}
	
	.main-contents-slider ul.p-postList > li.p-postList__item {
		max-width: 180px;
		flex: 0 0 180px !important;
	}
	
    .-type-card.-sp-col1 .p-postList__title {
		font-size:14px !important;
	}
	
	.-type-card .p-postList__excerpt {
		font-size: 13px !important;
	}
	
	.p-postList__price {
		font-size:14px;
		line-height:14px;
	}
	
	.p-postList__price-number {
		font-size:18px !important;
		line-height: 15px
	}
	
	.main-about .is-style-btn_line a {
		background: var(--the-btn-bg);
		color:white;
	}
	.main-about .is-style-btn_line a:hover{
		background:white;
		color: black !important;
	}
	
	.main-step .swell-block-step {
	max-width:100% !important;
	width:100% !important;
}
	
	.-type-list .p-postList__link .p-postList__price {
		position:relative;
	}
	

}