@charset "UTF-8";
/* 2027 toppage */

.top--2027 img{
	border-radius: 15px;
}
.top--2027 a{
	text-decoration: none;
}
.h3--center{
	text-align: center;
	padding: 10px;
}

.top__sbn-list ul{
	display: flex;
	justify-content: space-between;
	max-width: 1200px;
}
.top__sbn-list li{
	padding: 0 5px;
}
.top__sbn-list li:first-of-type{
	padding-left: 0;
}
.top__sbn-list li:last-of-type{
	padding-right: 0;
}
.top__sec{
	margin: 120px 0;
}
.top__h2-title{
	margin-bottom: 60px;
}
.top__h2-title h2{
	text-align: center;
	font-size: 2rem;
	margin-bottom: 0;
}
.top__h2-title span{
	color: var(--kurupita-red);
	font-family: var(--en-ttl-ff);
	font-size: 1.4rem;
}
.top__sec-search,.top__sec-event,.top__sec-column{
	max-width: 1200px;
}

.category--2cal,.category--3cal{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.category--2cal li{
	width: 100%; 
	max-width: 570px;
}
.category--3cal li{
	width: 100%;
	max-width: 380px;
}
.sec-search__color--list{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.sec-search__color--list a{
	width: 160px;
	display: block;
	border-radius: 30px;
	color: #fff;
	font-weight: 600;
	padding: 10px 30px;
	margin: 5px;
}
.sec-search__price--list.choose-price-area a{
	min-width: 230px;	
}
/**/
.sec-search__color--ivory{
	background: #F0DBD5;
}
.sec-search__color--pink{
	background: #FCAEC9;
}
.sec-search__color--red{
	background: #EF425A;
}
.sec-search__color--yellow{
	background: #F7E93F;
}
.sec-search__color--mint{
	background: #99E4C1;
}
.sec-search__color--saxe{
	background: #87DCF8;
}
.sec-search__color--lavender{
	background: #D495E7;
}
.sec-search__color--blue{
	background: #128DED;
}
.sec-search__color--navy{
	background: #11469F;
}
.sec-search__color--green{
	background: #25896E;
}
.sec-search__color--brown{
	background: #8B4222;
}
.sec-search__color--camel{
	background: #D07744;
}
.sec-search__color--orange{
	background: #FC7F44;
}
.sec-search__color--black{
	background: #333333;
}

.sec-search__price--list.choose-price-area,.sec-search__function--list.choose-function-area{	
	justify-content: center;
	
}
.sec-search__price--list.choose-price-area a{
	display: block;
	min-width: 230px;
	margin: 5px;
}

.sec-search__function--list.choose-function-area li{
	max-width: 400px;
	padding: 0 20px 0 0;
}
.sec-search__function--list.choose-function-area li:last-of-type{
	padding-right: 0;
}
.p-top-ranking{
	padding: 0;
}
.p-top-ranking.ranking2{
	padding: 100px 0;
	background: #ffeeee;
	width: 100%;
}
.top__sec-event li{
	margin-bottom: 40px;
	text-align: left;
}
.top__sec-event figure{
	margin-bottom: 20px;
}
.sec-colum--list{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}

.sec-colum--list li{
	width: 100%;
	max-width: 280px;
	text-align: left;
}
.sec-colum--list figure{
	margin-bottom: 10px;
}

.container-fluid.p-top-socialreviews {
	margin-top: 140px;
}
/**/
.p-main-slider {
	height: 600px;
}
.dd__center{
	display: block;
	text-align: center;
	margin-top:10px; 
	}
/**/
@media screen and (max-width: 768px) {
	.top__sbn-list ul{
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	
	.top__sbn-list li{
		padding: 0;
		width: 45%;
		margin: 1%;
	}
	.top__sec{
		margin: 60px 0 0;
		text-align: center;
	}
	.top__h2-title{
		margin-bottom: 30px;
	}
	.top__h2-title h2{
		text-align: center;
		font-size: 1.6rem;
		margin-bottom: 0;
	}
	.top__h2-title span{
		color: var(--kurupita-red);
		font-family: var(--en-ttl-ff);
	}
	.category--2cal li,.category--3cal li,.sec-search__function--list.choose-function-area li{
		width: 93%;
		margin: auto;
	}
	.category--3cal li{
		max-width: 570px;
	}
	.sp-big{
		font-size: 1.4rem;
		margin-top: 45px;
	}
	.sec-search__color--list,.sec-search__price--list.choose-price-area, .sec-search__function--list.choose-function-area{
		justify-content: center;
	}
	.sec-search__price--list.choose-price-area a{
		min-width: 160px;
		margin: 5px;
	}
	.sec-search__function--list.choose-function-area li{
		padding: 0;
		max-width: 570px;
	}
	.p-top-ranking.ranking2{
		padding-top: 60px;
	}
	.p-item__name{
		font-weight: 500;
		letter-spacing: normal;
	}
	.bx-wrapper .bx-prev{
		left: 5%;
	}
	.bx-wrapper .bx-next{
		right: 5%
	}
	.top__sec-event li{
	margin-bottom: 18px;	
	}
	.sec-colum--list{
		overflow: scroll;
		margin: 0 3%;
	}
	.sec-colum--list li{
		flex-shrink: 0;
		max-width: 260px;
		padding: 0 2%;
	}
	.sec-colum--list li:first-of-type{
		padding-left: 0;
	}
	.top__sec-column .c-button--large{
		margin: 5%;
	}
	.container-fluid.p-top-socialreviews{
		margin-top: 100px;
	}
	
}