/* デフォルトリセット */
#main-column,
#contents{
	float:none;
	width:100%;
	padding: 0;
}
.w100 .freeArea2 {
    padding-bottom: 0px;
    margin-bottom: 0px;
}

section .news h2{
/* 	display:none !important; */
}

h1,h2,h3,h4,h5,h6{
	font-weight:normal;
}



/* Parts */

#main-column h2 {
    color: var(--blue);
    text-align: center;
}

ul.slick-dots{
	margin-right:0 !important;
	margin-left:0 !important;
}

.slick-dots li button:before{
	font-size: 14px !important;
}
.slick-dots li.slick-active button:before,
.slick-dots li button:before{
	opacity:1 !important;
}
#home-mv-slider .slick-dots li button:before,
.bg-blue .slick-dots li button:before{
	color: #fff;
}
#home-mv-slider .slick-dots li.slick-active button:before,
.bg-blue .slick-dots li.slick-active button:before{
	color: var(--yellow);
}

@media screen and (min-width: 769px) {

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



/* Common */



@media screen and (min-width: 769px) {

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




/* Header */
@media screen and (min-width: 769px) {
	header{
		border-bottom:none;
	}
	#header-inner #h_center > p {
	    margin-bottom: 1.5em;
	}
	#header-inner #h_center .h_center_inner #logo a {
		display:block;
		width:100%;
		aspect-ratio:1/1;
		border-radius:50%;
		background:#fff;
		overflow:hidden;
		position:absolute;
		top:50% !important;
		left:0;
		transform: translateY(-50%) !important;
	}
	#header-inner #h_center .h_center_inner #logo a img {
		width: 50%;
	    position: relative;
	    top: 50%;
	    transform: translateY(-25%);
	}
	#header-inner #h_center .h_center_inner #logo a img.top-logo {
		display:inline;
	}
	#header-inner #h_center .h_center_inner #logo a img.sec-logo {
		display:none;
	}
	
	body.scrolled #header-inner #h_center .h_center_inner #logo a{
		transform: translateY(-55%) !important;
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
	}
}
@media screen and (max-width: 768px) {
/*
	#header-inner #h_center > p {
	    margin-bottom: 0em;
	}
*/
}


@media screen and (min-width: 769px) {

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

	

}



/* TOPページ */
#home-mv-slider{
	margin-bottom:0;
	position: relative;
	overflow: hidden;
}
#home-mv-slider .slick-slide{
	width:100vw;
	height:calc(100vh - 175px);
	line-height: 0;
}
#home-mv-slider img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(1.02);
	will-change: transform;
}
#home-mv-slider .slick-dots{
	width:auto;
	bottom: 30px;
    right: 20px;
}
#home-mv-slider .slick-dots li{
	display:block;
}


#home-pickup-news{
	padding-top:1.2em;
}
#home-pickup-news .block-contents{
	max-width:1400px;
	width:90%;
	margin:auto;
}
#home-pickup-news .block-contents *{
	color:#fff;
}
#home-pickup-news .block-contents .inner > *{
	display:block;
	padding-left:1.5em;
	position:relative;
}
#home-pickup-news .block-contents .inner > *::before,
#home-pickup-news .block-contents .inner > *::after {
	content: "";
	position: absolute;
	top: calc(50% - 1px);
	left: 0;
	width: 0.75em;
	height: 2px;
	border-radius: 9999px;
	background-color: #fff;
	transform-origin: calc(100% - 1px) 50%;
}
#home-pickup-news .block-contents .inner > *::before {
	transform: translateX(-50%) rotate(45deg);
}
#home-pickup-news .block-contents .inner > *::after {
	transform: translateX(-50%) rotate(-45deg);
}



#home-pickup{
	padding-bottom:80px;
}
#home-pickup .block-title-wrap{
	padding-bottom:30px;
}
#home-pickup .carousel-slider .slick-slide{
	max-width:450px;
	padding:0 13px;
	position:relative;
}
#home-pickup .slick-dots{
	bottom: -50px;
}
#home-pickup .carousel-slider .slick-slide::before{
	content:"";
	display:block;
	width:calc(100% - 26px);
	height:100%;
	border:0px solid var(--yellow);
	position:absolute;
	top:0;
	left:50%;
	z-index:2;
	transform:translateX(-50%);
	box-sizing:border-box;
	transition: all .3s ease-in-out 0s;
}
#home-pickup .carousel-slider .slick-slide.slick-current::before{
	border:8px solid var(--yellow);
}


#home-about{
	background-image:url(../img/bg_onpoint_wave_white.png);
	background-position: 102% 20%;
	background-repeat:no-repeat;
	background-size:25%;
	padding-bottom:160px;
}
#home-about .block-contents .inner,
#home-partner .block-contents .inner{
	gap: 8%;
}
#home-about .block-contents .inner .text p{
	font-size:var(--fz18);
	line-height: 2.4;
}

#home-lineup{
	background-image:url(../img/bg_onpoint_wave2_gray.png);
	background-position: center center;
	background-repeat:no-repeat;
	background-size:105%;
}
#home-lineup .blue-title{
	text-align:center;
	margin-bottom:50px;
}
#home-lineup .blue-title span{
	display: inline-block;
	width: 90%;
    max-width: 400px;
	font-size:var(--fz22);
	color:#fff;
	line-height: 1;
	background:var(--blue);
	border-radius:30px;
	padding: 13px 20px;
}
#home-lineup .block-contents{
	padding-bottom:50px;
}
#home-lineup .cat-list{
	display:flex;
	justify-content: center;
	flex-wrap:wrap;
	gap:40px 2.5%;
	margin-bottom:85px;
}
#home-lineup .from-type .cat-list{
	gap:0px 4.5%;
}
#home-lineup .cat-list > *{
	display:block;
	width:calc(25% - 1.875%);
	text-align:center;
}
#home-lineup .cat-list > * p{
	font-size:var(--fz20);
	padding:1.2em 0;
}
#home-lineup .from-category .cat-list > *:first-child{
	margin-left:1%;
}
#home-lineup .from-category .cat-list > *:nth-child(3){
	margin-right:1%;
}
#home-lineup .from-type .cat-list > *{
	display:flex;
	align-items:center;
	max-width: 270px;
	background:var(--gray);
	aspect-ratio: 1 / 1;
    border-radius: 50%;
    padding: 2.3%;
}
#home-lineup .from-type .cat-list > * p{
	padding-bottom:0;
}

#home-partner{
	padding-bottom:60px;
	margin-bottom: 280px;
}
#home-partner .block-title-wrap .block-title{
	font-size:var(--fz35);
	font-weight:500;
	font-family: "Murecho", sans-serif;
}
#home-partner .block-contents .inner .text p{
	line-height: 2.4;
}
#home-partner .block-contents .inner .img{
	width:90%;
	margin-bottom: -250px;
}
#home-partner .block-contents .inner .text{
	width:110%;
}

section .newItem,
section .pickup,
section .ranking{
	padding:60px 0;
}
section .ranking{
	padding-bottom:150px;
}
section.w100 .news{
	padding:120px 0;
}
section .newItem h2,
section .pickup h2,
section .ranking h2,
section.w100 .news h2{
	margin-bottom: 50px;
}

section .newItem .column-set,
section .pickup .column-set{
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
	gap:20px;
	width: 90%;
    margin: 0 auto;
}
section .newItem .column4,
section .pickup .column5{
	width:352px;
	padding:0;
	margin:0;
}

section .ranking{
	max-width:1100px;
	width:92%;
	margin:auto;
}
section .ranking .column-set{
	display:flex;
	flex-wrap:wrap;
	gap:60px 20px;
}
section .ranking .column-set .column5{
	width:calc(33.333% - 13.333px);
	padding:0;
	margin:0;
}
section .ranking .column-set .badge{
	display: block;
    margin: 0 auto 1em;
	position:static;
}

section .news .news-contents{
	max-width:900px;
	width:92%;
	border-top:2px dotted rgba(0,0,0,0.28);
	margin: auto;
}
section .news .news-contents .news-box{
	padding:2em 0;
	border-bottom:2px dotted rgba(0,0,0,0.28);
}




@media screen and (min-width: 769px) {
	#sub-column.spsDrawerClose{
		display:none;
	}
}
@media screen and (max-width: 768px) {
	#home-mv-slider .slick-slide{
		height:calc(100vh - 150px);
	}
	
	#home-pickup {
	    padding-bottom: 50px;
	}
	#home-pickup .carousel-slider .slick-slide {
	    padding: 0 7px;
	}
	#home-pickup .slick-dots {
	    bottom: -40px;
	}
	.slick-dots li{
		margin:0 !important;
	}
	.slick-dots li button:before {
	    font-size: 11px !important;
	}
	
	#home-about{
		padding-bottom:40px;
	}
	#home-about .block-contents .inner .img{
		margin-bottom:20px;
	}
	#home-about .block-contents .inner .text p {
	    font-size: var(--fz16);
	    line-height: 1.7;
	}
	
	#home-lineup .blue-title {
	    margin-bottom: 30px;
	}
	#home-lineup .blue-title span{
		width: 100%;
		font-size: var(--fz18);
	}
	#home-lineup .cat-list{
		justify-content: flex-start;
		gap: 10px 3.5%;
		margin-bottom: 40px;
	}
	#home-lineup .cat-list > *{
		width: calc(50% - 1.75%);
	}
	#home-lineup .cat-list > * p {
	    font-size: var(--fz15);
	    font-weight: 500;
	    padding: 0.75em 0;
	}
	#home-lineup .from-category .cat-list > *:first-child,
	#home-lineup .from-category .cat-list > *:nth-child(3){
		margin:0;
	}
	#home-lineup .from-type .cat-list{
		flex-wrap: nowrap;
	}
	
	#home-partner {
	    padding-bottom: 40px;
	    margin-bottom: 0px;
	}
	#home-partner .block-title-wrap .block-title{
		font-size: var(--fz26);
	}
	#home-partner .block-contents .inner .img{
		width: 70%;
		margin: 0 auto 20px;
	}
	#home-partner .block-contents .inner .text{
		width:100%;
	}
	#home-partner .block-contents .inner .text p {
	    line-height: 1.8;
	}
	
	section .newItem .column4,
	section .pickup .column5,
	section .ranking .column-set .column5 {
	    width: calc(50% - 10px);
	}
	section .ranking {
	    padding-bottom: 40px;
	}
	section .ranking .column-set {
	    gap: 20px;
	}
	section.w100 .news {
	    padding: 50px 0;
	}

}