@charset "UTF-8";
/* CSS Document */

#fs_Top .inner{
	position: relative;
	z-index: 1;
}

.slick-slider .slick-list .slick-slide div{
	margin-bottom: -10px!important;
}
.fs-c-slick .slick-dots {
    position: absolute!important;
    bottom: -40px!important;
    left: 50%!important;
    transform: translateX(-50%)!important;
}
.fs-c-slick .slick-dots li {
    margin: 0px 8px;
}
.fs-c-slick .slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 8px;
    height: 8px;
	border-radius: 8px;
    color: #fff;
    border:1px solid #212121;
    opacity: 1
}
.fs-c-slick .slick-dots li.slick-active button:before {
    background-color: #E10E13!important;
	border:1px solid #E10E13;
	opacity:1!important;
}

.slick-arrow.slick-prev, .slick-arrow.slick-next {
    height: 60px!important;
    width: 60px!important;
}
.fs-c-slick .slick-prev, .fs-c-slick .slick-next {
    background-color: rgba(255,255,255,0.3)!important;
}
.slick-arrow.slick-prev:after {
    transform: rotate(
-135deg
);
    left: 13px !important;
    right: 0;
}
.slick-arrow.slick-prev:after,.slick-arrow.slick-next:after {
    content: "";
    width: 20px;
    height: 20px;
    background: none;
    border-top: 2px solid #333;
    border-right: 2px solid #333;
    transform: rotate(
45deg
);
	position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 10px;
}
.slick-arrow.slick-prev:after {
    transform: rotate(
-135deg
);
    left: 13px !important;
    right: 0;
}
.fs-c-slick .slick-prev:before, .fs-c-slick .slick-next:before {
	font-size: 0px; 
}

/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* sec01 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.mng_top_sec01{
	width: 100%;
	height: auto;
	background: url("https://fontana.itembox.design/item/img/top/top_sec01_bg.jpg") center no-repeat;
	background-size: cover;
	padding: 0px 0 100px;
	position: relative;
	overflow: hidden;
}
.mng_top_sec01 ul.kodawari{
	width: 100%;
}
	.mng_top_sec01 ul.kodawari li{
		width: 46%;
		margin-right: 8%;
	}
	.mng_top_sec01 ul.kodawari li:nth-child(2){
		margin-top: 280px;
		margin-right: 0;
	}
	.mng_top_sec01 ul.kodawari li .kdwrimg{
		width: 100%;
		height: auto;
		position:relative;
	}
		.mng_top_sec01 ul.kodawari li .kdwrimg h2 {
			position: absolute;
			top: -70px;
			left:0;
			writing-mode: vertical-rl;
			background-color: #fff;
			padding: 36px 25px;
			font-size: 3.4rem;
			letter-spacing: .5rem;
		}
		.mng_top_sec01 ul.kodawari li .kdwrimg .img {
			width: 100%;
			height: auto;
		}
			.mng_top_sec01 ul.kodawari li .kdwrimg .img img{
				width: 100%;
				height: auto;
				object-fit: cover;
			}
	.mng_top_sec01 ul.kodawari li .txt {
		font-size: 1.4rem;
		line-height: 2.8rem;
		margin-top: 30px;
	}
	.mng_top_sec01 ul.kodawari li a{
		position:relative;
		display: block;
		font-size: 1.6rem;
		line-height: 1.6rem;
		max-width:210px;
		margin: 40px 0 0 auto;
		padding: 22px 10px 22px 0;
		color:#212121;
		text-align: center;
		border:1px solid #212121;
		border-radius:5px;
	}
	.mng_top_sec01 ul.kodawari li a:after{
		content:'';
		background: url("https://fontana.itembox.design/item/img/common/arrow-bleft01.svg") center no-repeat;
		background-size: contain;
		width: 34px;
		height: 4px;
		position: absolute;
		top:50%;
		right:10px;
		transform: translateY(-50%);
		transition: all 0.4s;
	}
	.mng_top_sec01 ul.kodawari li a:hover:after{
		content:'';
		right:4px;
	}
p.asirai01{
	position: absolute;
	top:-160px;
	right:-50px;
}
@media screen and (max-width: 1030px) {
	.mng_top_sec01 ul.kodawari li .kdwrimg h2 {
		padding: 34px 20px;
		font-size: 3rem;
	}
}
@media screen and (max-width: 910px) {
	.mng_top_sec01 ul.kodawari li .kdwrimg h2 {
		padding: 34px 20px;
		font-size: 2.4rem;
	}
}


/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* sec02 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.mng_top_sec02{
	width: 100%;
	height: auto;
	padding: 120px 0 120px;
	position: relative;
}
	ul.teiban{
		
	}
		ul.teiban li{
			width: 100%;
			margin-bottom: 80px;
			align-items: flex-start;
		}
		ul.teiban li:nth-child(2n){
			flex-direction: row-reverse;
		}
		ul.teiban li:last-child{
			margin-bottom: 0px;
		}
			ul.teiban li p.img{
				width: 50%;
				height: 380px;
				border-radius: 20px;
				overflow: hidden;
			}
			ul.teiban li p.img img{
				width: 100%;
				height: 100%;
				object-fit: cover;
			}
			ul.teiban li .teiban_cntnt{
				width: 45%;
				margin-left: 5%;
			}
			ul.teiban li .teiban_cntnt{
				width: 45%;
				margin-left: 5%;
			}
			ul.teiban li:nth-child(2n) .teiban_cntnt{
				width: 45%;
				margin-right: 5%;
				margin-left: 0;
			}
				ul.teiban li .teiban_cntnt .ttl{
					position: relative;
					font-size:2.4rem;
					line-height: 3.4rem;
					padding-left: 45px;
				}
				ul.teiban li .teiban_cntnt .ttl:after{
					content:'';
					position: absolute;
					top:50%;
					left:0;
					transform: translateY(-50%);
					width: 35px;
					height: 35px;
					background: url("https://fontana.itembox.design/item/img/common/teiban_icon.svg") center no-repeat;
					background-size: contain;
				}
				ul.teiban li .teiban_cntnt .txt{
					font-size:1.4rem;
					line-height: 2.8rem;
					margin-top: 16px;
				}
				ul.teiban li .teiban_cntnt .yen{
					font-size:2.4rem;
					margin-top: 26px;
				}
					ul.teiban li .teiban_cntnt .yen .zkomi{
						font-size:1.3rem;
						color:#808080;
					}
	.mng_top_sec02 ul.teiban li a{
		position:relative;
		display: block;
		font-size: 1.6rem;
		line-height: 1.6rem;
		font-weight: 600;
		max-width:210px;
		margin: 20px 0 0 0;
		padding: 22px 10px 22px 0;
		color:#fff;
		background-color: #BF0A10;
		text-align: center;
		border-radius:5px;
	}
	.mng_top_sec02 ul.teiban li a:after{
		content:'';
		background: url("https://fontana.itembox.design/item/img/common/arrow-wleft01.svg") center no-repeat;
		background-size: contain;
		width: 35px;
		height: 5px;
		position: absolute;
		top:50%;
		right:10px;
		transform: translateY(-50%);
		transition: all 0.4s;
	}
	.mng_top_sec02 ul.teiban li a:hover:after{
		content:'';
		right:4px;
	}
p.asirai02{
	position: absolute;
	top:-200px;
	left:-120px;
}
p.asirai03{
	position: absolute;
	top:-150px;
	right:-100px;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* sec03・sec04*/
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.mng_top_sec03 .mng_sec_title{
	width: 100%;
	padding: 100px 0 140px;
	background: url("https://fontana.itembox.design/item/img/top/ranking01.jpg") center no-repeat;
	background-size: cover;
}
.mng_top_sec04 .mng_sec_title{
	width: 100%;
	margin-top: 100px;
	padding: 100px 0 140px;
	background: url("https://fontana.itembox.design/item/img/top/ranking01.jpg") center no-repeat;
	background-size: cover;
}
	.mng_top_sec03 .mng_sec_title h2,
	.mng_top_sec04 .mng_sec_title h2{
		color:#212121;
		background-color: #fff;
	}
	.mng_top_sec03 .mng_sec_title p,
	.mng_top_sec04 .mng_sec_title p{
		color:#fff;
	}

ul.ranking_cntnt{
	align-items: flex-start
}
ul.ps {
    overflow:inherit !important;
}
	ul.ranking_cntnt li{
		width: 18%;
		margin-right: 2.5%;
	}
	ul.ranking_cntnt li:nth-child(5){
		margin-right: 0%;
	}
		ul.ranking_cntnt li .img{
			width: 100%;
			border-radius:50%;
			transform: translateY(-50%);
			margin-bottom: -50%;
			position: relative;
		}
		ul.ranking_cntnt li .img:before{
			content:'01';
			position: absolute;
			bottom:0;
			left:0;
			font-size:2.8rem;
			color:#F81015;
			line-height: 2.8rem;
			font-family: 'Montserrat', sans-serif;
		}
		ul.ranking_cntnt li:nth-child(2) .img:before{
			content:'02';
		}
		ul.ranking_cntnt li:nth-child(3) .img:before{
			content:'03';
		}
		ul.ranking_cntnt li:nth-child(4) .img:before{
			content:'04';
			color:#212121;
		}
		ul.ranking_cntnt li:nth-child(5) .img:before{
			content:'05';
			color:#212121;
		}
		ul.ranking_cntnt li a{
			display: block;
			color:#212121;
		}
			ul.ranking_cntnt li .img img{
				width: 100%;
				height: auto;
				object-fit: cover;
				border-radius:50%;
			}
		ul.ranking_cntnt li .pname{
			height: 54px!important;
			font-size:1.6rem;
			line-height: 2.6rem;
			margin-top: 16px;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 2;
			overflow: hidden; 
		}
		ul.ranking_cntnt li .yen{
			font-size:1.8rem;
			margin-top: 6px;
		}
	ul.ranking_cntnt li .yen .zkomi {
		font-size: 1.3rem;
		color: #808080;
	}
@media screen and (max-width: 860px) {
	.mng_top_sec03 .mng_sec_title{
		padding: 100px 0 110px;
	}
	.mng_top_sec04 .mng_sec_title{
		width: 100%;
		margin-top: 100px;
		padding: 100px 0 110px;
	}
	ul.ranking_cntnt li .pname {
		font-size: 1.6rem;
		line-height: 2.6rem;
		margin-top: 14px;
	}
	ul.ranking_cntnt li .yen {
		font-size: 1.7rem;
		margin-top: 6px;
	}
	ul.ranking_cntnt li .yen .zkomi {
		font-size: 1.2rem;
	}
}



/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* sec05 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.mng_top_sec05{
	width: 100%;
	height: auto;
	padding: 120px 0 120px;
	position: relative;
}
	.mng_top_sec05 ul.top_guide01{
		width: 100%;
		height: auto;
	}
		.mng_top_sec05 ul.top_guide01 li{
			width: calc(50% - 20px);
			height: 350px;
			margin-right: 40px;
			background-color: #212121;
			border-radius:60px 0 0 0;
			overflow: hidden;
		}
		.mng_top_sec05 ul.top_guide01 li:nth-child(2){
			margin-right: 0px;
			border-radius:0px 60px 0 0;
		}
			.mng_top_sec05 ul.top_guide01 li a{
				position: relative;
				display: block;
				width: 100%;
				height: 100%;
			}
				.mng_top_sec05 ul.top_guide01 li a p{
					width: 100%;
					height: 100%;
					-webkit-transform: scale(1);
					transform: scale(1);
					-webkit-transition: .3s ease-in-out;
					transition: .4s ease-in-out;
					background-color: #212121;
				}				
				.mng_top_sec05 ul.top_guide01 li a:hover p{
					 -webkit-transform: scale(1.06);
					  transform: scale(1.06);
				}
				.mng_top_sec05 ul.top_guide01 li a p img{
					width: 100%;
					height: 100%;
					object-fit: cover;
					opacity: .8;
					transition: all .4s;
				}
				.mng_top_sec05 ul.top_guide01 li a:hover p img{
					opacity: .6
				}
				.mng_top_sec05 ul.top_guide01 li a div.min{
					position: absolute;
					bottom:20px;
					right:30px;
					color:#fff;
					font-size:2.6rem;
					z-index: 1;
				}
					.mng_top_sec05 ul.top_guide01 li a span{
						position: relative;
					}
					.mng_top_sec05 ul.top_guide01 li a span:before{
						content:'';
						background: url("https://fontana.itembox.design/item/img/top/arrow_rightbgw.svg") center no-repeat;
						background-size: contain;
						width: 23px;
						height: 23px;
						position: absolute;
						top:50%;
						left:-34px;
						transform: translateY(-50%) ;
						transition: all .4s;
					}
					.mng_top_sec05 ul.top_guide01 li a:hover span:before{
						left:-28px;
					}
	.mng_top_sec05 ul.top_guide02{
		width: 100%;
		height: auto;
		margin-top: 40px;
	}
		.mng_top_sec05 ul.top_guide02 li{
			width: 32%;
			height: 125px;
			margin-right: 2%;;
		}
		.mng_top_sec05 ul.top_guide02 li:last-child{
			margin-right: 0;
		}
			.mng_top_sec05 ul.top_guide02 li a{
				position: relative;
				display: block;
				width: 100%;
				height: 100%;
				padding: 16px;
				border:2px solid #212121;
				transition: all .4s;
			}
			.mng_top_sec05 ul.top_guide02 li a:hover{
				opacity: .6;
			}
				.mng_top_sec05 ul.top_guide02 li a div.flex{
					width: 100%;
					height: 100%;
				}
					.mng_top_sec05 ul.top_guide02 li a span{
						font-size:1.6rem;
						line-height: 2.6rem;
						font-weight: 600;
						color:#212121;
						padding-left: 20px;
					}
					.mng_top_sec05 ul.top_guide02 li a p.img{
						width: 26%;
						height: auto;
					}
						.mng_top_sec05 ul.top_guide02 li a p.img img{
							width: 100%;
							height: auto;
							object-fit: contain
						}
					.mng_top_sec05 ul.top_guide02 li a:after{
						content:'';
						background: url("https://fontana.itembox.design/item/img/top/guide_arrowr.svg") center no-repeat;
						-webkit-background-size: contain;
						background-size: contain;
						width: 10px ;
						height: 14px;
						position: absolute;
						top:50%;
						right:20px;
						transform: translateY(-50%);
						transition:all .4s;
					}
					.mng_top_sec05 ul.top_guide02 li a:hover:after{
						right:16px;
					}
@media screen and (max-width: 1160px) {
.mng_top_sec05 ul.top_guide02 {
    align-items: stretch;
}
	.mng_top_sec05 ul.top_guide02 li {
		height: auto;
	}
		.mng_top_sec05 ul.top_guide02 li a {
			padding: 16px 8px;
		}
			.mng_top_sec05 ul.top_guide02 li a p.img {
				width: 30%;
				height: auto;
				margin: 0 auto;
			}
			.mng_top_sec05 ul.top_guide02 li a div.flex{
				align-items: flex-start;
			}
				.mng_top_sec05 ul.top_guide02 li a span {
					width: 80%;
					margin: 10px auto 0;
					text-align: center;
					padding-left: 0px;
				}	
					.mng_top_sec05 ul.top_guide02 li a span .cbv{
						display: none
					}
}
@media screen and (max-width: 960px) {
		.mng_top_sec05 ul.top_guide01 li{
			width: 100%;
			height: 240px;
			margin-right: 0px;
			border-radius:40px 40px 0 0;
		}
		.mng_top_sec05 ul.top_guide01 li:nth-child(2){
			border-radius:0px 00px 40px 40px;
			margin-top: 20px;
		}
				.mng_top_sec05 ul.top_guide01 li a div.min{
					bottom:10px;
					left:60px;
				}
					.mng_top_sec05 ul.top_guide01 li a span:before{
						content:'';
						width: 20px;
						height: 20px;
						left:-26px;
					}	
				.mng_top_sec05 ul.top_guide01 li a p img{
					opacity: .6;
				}
}
@media screen and (max-width: 900px) {
		.mng_top_sec05 ul.top_guide02 li{
			width: 100%;
			height: auto;
			margin-right: 0%;
			margin-bottom: 18px;

		}
		.mng_top_sec05 ul.top_guide02 li:last-child{
			margin-bottom: 0px;
		}
			.mng_top_sec05 ul.top_guide02 li a{
				padding: 16px;
				border:1px solid #212121;
			}
				.mng_top_sec05 ul.top_guide02 li a div.flex {
					align-items: center;
				}
					.mng_top_sec05 ul.top_guide02 li a p.img {
						width: 80px;
						height: auto;
						margin: 0;
					}
					.mng_top_sec05 ul.top_guide02 li a span{
						width: calc(100% - 80px);
						margin: 0px auto 0;
						padding-left: 16px;
						text-align: left;
					}
}


/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* sec06 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.mng_top_sec06{
	width: 100%;
	height: auto;
	background: url("https://fontana.itembox.design/item/img/top/top_sec01_bg.jpg") center no-repeat;
	background-size: cover;
	padding: 120px 0 120px;
	background-color: #fff;
	position: relative;
}
.mng_top_sec06 .sec06_inner{
	position: relative;
	width: 100%;
	height: auto;
}
.mng_top_sec06 .inner{
	z-index: 1;
}
	.mng_top_sec06 ul.top_category{
		width: 100%;
		height: auto;
		z-index: 1;
	}
	.mng_top_sec06 ul.top_category li{
		width: 24%;
		height: auto;
		margin-right: 1.333333%;
	}
	.mng_top_sec06 ul.top_category li:nth-child(n+5){
		margin-top: 20px;
	}
	.mng_top_sec06 ul.top_category li:nth-child(4n){
		margin-right: 0%;
	}
			.mng_top_sec06 ul.top_category li a{
				position: relative;
				display: block;
				width: 100%;
				height: 100%;
				padding: 16px;
				background-color:#fff;
				border:1px solid #212121;
				transition: all .4s;
			}
/*
			.mng_top_sec06 ul.top_category li a:hover{
				opacity: .6;
			}
*/
				.mng_top_sec06 ul.top_categiry li a div.flex{
					width: 100%;
					height: 100%;
				}
					.mng_top_sec06 ul.top_category li a span{
						font-size:1.6rem;
						line-height: 2.4rem;
						font-weight: 600;
						color:#212121;
						padding-left: 13px;
					}
					.mng_top_sec06 ul.top_category li a p.img{
						width: 26%;
						height: auto;
					}
						.mng_top_sec05 ul.top_category li a p.img img{
							width: 100%;
							height: auto;
							object-fit: cover;
						}		
					.mng_top_sec06 ul.top_category li a:after{
						content:'';
						background: url("https://fontana.itembox.design/item/img/top/guide_arrowr.svg") center no-repeat;
						-webkit-background-size: contain;
						background-size: contain;
						width: 10px ;
						height: 14px;
						position: absolute;
						top:50%;
						right:20px;
						transform: translateY(-50%);
						transition:all .4s;
					}
					.mng_top_sec06 ul.top_category li a:hover:after{
						right:16px;
					}
p.asirai04{
	position: absolute;
	top:-100px;
	right:-80px;
}
p.asirai05{
	position: absolute;
	top:-80px;
	left:-120px;
}
p.asirai06{
	position: absolute;
	bottom:-110px;
	right:20px;
}
@media screen and (max-width: 960px) {
	.mng_top_sec06 ul.top_category li{
		width: 32%;
		margin-right: 2%;
	}
	.mng_top_sec06 ul.top_category li:nth-child(3n){
		margin-right: 0%;
	}
	.mng_top_sec06 ul.top_category li:nth-child(n+4){
		margin-top: 20px;
	}
	.mng_top_sec06 ul.top_category li:nth-child(4n){
		margin-right: 2%;
	}	
}


/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* sec07 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.mng_top_sec07{
	width: 100%;
	height: auto;
	padding: 120px 0 140px;
	position: relative;
}
.mng_top_sec07 ul.top_pblog{
	width: 100%;
}
	.mng_top_sec07 ul.top_pblog li{
		width: 23%;
		margin-right: 2.666666%;
	}
	.mng_top_sec07 ul.top_pblog li:last-child{
		margin-right: 0%;
	}
	.mng_top_sec07 ul li a .pht{
		width: 100%;
		height: 180px;		
		overflow:hidden;
		
	}
	.mng_top_sec07 ul li a .pht img{
		width: 100%;
		height: 180px;
		object-fit: cover;
		-webkit-transform: scale(1);
		  transform: scale(1);
		  -webkit-transition: .3s ease-in-out;
		  transition: .3s ease-in-out;
	}
	.mng_top_sec07 ul li a:hover .pht img{	
		-webkit-transform: scale(1.08);
		transform: scale(1.08);
	}


		.mng_top_sec07 ul li .text{
			margin-top: 16px;
			letter-spacing: .12rem;
			color:#000;
		}
			.mng_top_sec07 ul li .text .days{
				display: inline-block;
				font-size:1.3rem;
				line-height: 1.3rem;
				font-weight: 400;
				padding: 2px 0;
			}
			.mng_top_sec07 ul li .text span.cat{
				font-size:1rem;
				line-height: 1rem;
				letter-spacing: .08rem;
				font-weight: 400;
				color:#fff;
				background-color: #BF0A10;
				padding: 5px 6px;
				margin-left: 10px;
			}
			.mng_top_sec07 ul li .text .tit{
				font-size:1.4rem;
				letter-spacing: .1rem;
				text-align: left;
/*
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
*/
				transition: 0.3s ease-in-out;
				margin-top: 7px;
			}
	.mng_top_sec07 a.topblog_all{
		position:relative;
		display: block;
		font-size: 1.6rem;
		line-height: 1.6rem;
		max-width:230px;
		margin: 40px auto 0 auto;
		padding: 22px 10px 22px 0;
		color:#212121;
		text-align: center;
		border:1px solid #212121;
		border-radius:5px;
	}
	.mng_top_sec07 a.topblog_all:after{
		content:'';
		background: url("https://fontana.itembox.design/item/img/common/arrow-bleft01.svg") center no-repeat;
		background-size: contain;
		width: 34px;
		height: 4px;
		position: absolute;
		top:50%;
		right:10px;
		transform: translateY(-50%);
		transition: all 0.4s;
	}
	.mng_top_sec07 a.topblog_all:hover:after{
		content:'';
		right:4px;
	}
p.asirai07 {
    position: absolute;
    bottom: -100px;
    left: -10px;
}
p.asirai08{
	position: absolute;
	bottom:-110px;
	right:-80px;
}
@media screen and (max-width: 920px) {
	.mng_top_sec07 ul.top_pblog li{
		width: 48%;
		margin-right: 4%;
	}
	.mng_top_sec07 ul.top_pblog li:nth-child(2n){
		margin-right: 0%;
	}
	.mng_top_sec07 ul.top_pblog li:nth-child(n+3){
		margin-top: 30px;
	}
}




#fs_Top .fs-l-footer {
     margin-top: 0px!important; 
}









/* 1000px */
@media screen and (max-width: 1000px) {
p.asirai01 img,p.asirai02 img,p.asirai03 img,p.asirai04 img,p.asirai05 img,p.asirai06 img,p.asirai07 img,p.asirai08 img{
	width: 100%;
	height: auto;
	object-fit: contain
}

	p.asirai01 {
		width: 500px;
		position: absolute;
		top: -160px;
		right: -140px;
	}
	p.asirai02{
		width: 350px;
		position: absolute;
		top:-200px;
		left:-120px;
	}
	p.asirai03{
		width: 240px;
		position: absolute;
		top:-120px;
		right:-100px;
	}
	p.asirai04{
		width: 240px;
		position: absolute;
		top:-100px;
		right:-80px;
	}
	p.asirai05{
		width: 240px;
		position: absolute;
		top:-80px;
		left:-120px;
	}
	p.asirai06{
		width: 240px;
		position: absolute;
		bottom:-110px;
		right:-40px;
	}
	p.asirai07 {
		width: 160px;
		position: absolute;
		bottom: -100px;
		left: -10px;
	}
	p.asirai08{
		width: 260px;
		position: absolute;
		bottom:-110px;
		right:-80px;
	}	


}

	












/* max 767px */
@media screen and (max-width: 767px) {
	
.fs-c-slick .slick-prev {
    display: none!important;
}	
.fs-c-slick .slick-next {
    display: none!important;
}
.fs-c-slick .slick-dots {
    bottom: -30px!important;
}
.fs-c-slick .slick-dots li {
    margin: 0px 7px;
}
.fs-c-slick .slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 6px;
    height: 6px;
	border-radius: 8px;
    color: #fff;
    border:1px solid #212121;
    opacity: 1
}


/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* sec01 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.mng_top_sec01{
	padding: 0px 0 80px;
}
	.mng_top_sec01 ul.kodawari li{
		width: 100%;
		margin-right: 0%;
		margin-top: 80px;
	}
	.mng_top_sec01 ul.kodawari li:nth-child(2){
		margin-top: 80px;
		margin-right: 0;
	}
		.mng_top_sec01 ul.kodawari li .kdwrimg h2 {
			position: absolute;
			top: -50px;
			padding: 22px 18px;
			font-size: 2.0rem;
			letter-spacing: .5rem;
		}
		.mng_top_sec01 ul.kodawari li .kdwrimg .img {
			height: 300px;
		}
			.mng_top_sec01 ul.kodawari li .kdwrimg .img img{
				height: 100%;
			}
	.mng_top_sec01 ul.kodawari li .txt {
		font-size: 1.2rem;
		line-height: 2.4rem;
		margin-top: 20px;
	}
	.mng_top_sec01 ul.kodawari li a {
		max-width: 200px;
		font-size: 1.4rem;
		margin: 30px auto 0 auto;
		padding: 20px 6px 20px 0;
	}
	.mng_top_sec01 ul.kodawari li a:after {
		content: '';
		width: 26px;
	}
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* sec02 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.mng_top_sec02{
	padding: 80px 0;
}
.mng_top_sec02 .inner{
	width: 100%;
}
	ul.teiban{
		
	}
		ul.teiban li{
			width: 100%;
			margin-bottom: 80px;
		}
		ul.teiban li:last-child{
			margin-bottom: 0px;
		}
			ul.teiban li p.img{
				width: 95%;
				height: auto;
				margin-right: 5%;
				border-radius: 0 16px 16px 0
			}
			ul.teiban li:nth-child(2n) p.img{
				margin-right: 0%;
				margin-left: 5%;
				border-radius: 16px 0 0 16px
			}
				ul.teiban li p.img img{
					width: 100%;
				}
			ul.teiban li .teiban_cntnt{
				width: 90%;
				margin: 0 auto;
			}
			ul.teiban li:nth-child(2n) .teiban_cntnt{
				width: 90%;
				margin: 0 auto;
			}
				ul.teiban li .teiban_cntnt .ttl{
					font-size:1.6rem;
					line-height: 2.6rem;
					letter-spacing: .2rem;
					padding-left: 40px;
					margin-top: 26px;
					font-weight: 600;
				}
				ul.teiban li .teiban_cntnt .ttl:after{
					content:'';
					width: 30px;
					height: 30px;
				}
				ul.teiban li .teiban_cntnt .txt{
					font-size:1.2rem;
					line-height: 2.2rem;
					margin-top: 12px;
				}
				ul.teiban li .teiban_cntnt .yen{
					font-size:2.0rem;
					margin-top: 20px;
				}
	.mng_top_sec02 ul.teiban li .action_cntnt{
		display: flex;
		align-items: center;
	}
	.mng_top_sec02 ul.teiban li a{
		width: 50%;
		margin: 20px 0 0 auto;
	}
.mng_top_sec02 ul.teiban li a {
    font-size: 1.4rem;
    line-height: 1.6rem;
    padding: 20px 10px 20px 0;
}
.mng_top_sec02 ul.teiban li a:after {
    content: '';
    width: 26px;
}	
	
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* sec03・sec04*/
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.mng_top_sec03 .mng_sec_title{
	padding: 80px 0 90px;
}
.mng_top_sec04 .mng_sec_title{
	margin-top: 80px;
	padding: 80px 0 90px;
}

.mng_top_sec03 .inner,
.mng_top_sec04 .inner{
	width: 95%;
	margin: 0 0 -70px auto;
	transform: translateY(-70px)
}

ul.ranking_cntnt{
	align-items: flex-start;
	flex-wrap: nowrap;
	position: relative;
	cursor: move;
}
ul.ps {
    overflow:hidden !important;
}
	ul.ranking_cntnt li{
		width: 140px;
		min-width:140px;
		margin-right: 24px;
		margin-bottom: 40px;
	}
	ul.ranking_cntnt li:last-child{
		margin-right: 0%;
	}
		ul.ranking_cntnt li .img{
			width: 100%;
			border-radius:50%;
			transform: translateY(0);
			margin-bottom: 0;
			position: relative;
		}
		ul.ranking_cntnt li .img:before{
			content:'01';
			position: absolute;
			bottom:0;
			left:0;
			font-size:2.0rem;
			color:#F81015;
			line-height: 2.0rem;
			font-family: 'Montserrat', sans-serif;
		}
			ul.ranking_cntnt li .img img{
				width: 100%;
				height: auto;
				object-fit: cover;
				border-radius:50%;
			}
		ul.ranking_cntnt li .pname {
			height: 48px!important;
			font-size: 1.4rem;
			line-height: 2.4rem;
			margin-top: 16px;
		}
		ul.ranking_cntnt li .yen{
			font-size:1.6rem;
			margin-top: 6px;
		}
	ul.ranking_cntnt li .yen .zkomi {
		font-size: 1.0rem;
	}
	
	
	
.ranking_cntnt .ps__rail-x {
    background-color: #D8D8D8;
    display: block;
    opacity: 1;
    height: 2px;
    transform: scale(0.7,1);
}
.ranking_cntnt .ps__thumb-x {
    background-color: #E10E13;
    opacity: 1;
    height: 2px;
    bottom: 0;
}
.ranking_cntnt .ps__rail-y {
    display: none;
}	
	
.ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y {
    background-color: #ddd!important;
    height: 2px;
}
	
	
	
	
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* sec05 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.mng_top_sec05{
	padding: 80px 0;
}
		.mng_top_sec05 ul.top_guide01 li{
			height: 200px;
		}
				.mng_top_sec05 ul.top_guide01 li a div.min{
					bottom:16px;
					left:60px;
					font-size:1.8rem;
					line-height: 2.4rem;
				}
	
	.mng_top_sec05 ul.top_guide02{
		margin-top: 30px;
	}
		.mng_top_sec05 ul.top_guide02 li{
			margin-bottom: 16px;

		}
			.mng_top_sec05 ul.top_guide02 li a p.img {
				width: 60px;
			}
			.mng_top_sec05 ul.top_guide02 li a span{
				width: calc(100% - 60px);
				font-size:1.3rem;
				line-height: 2.0rem;
			}
				.mng_top_sec05 ul.top_guide02 li a span .cbv {
					display: block;
				}
	
	
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* sec06 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.mng_top_sec06{
	padding: 80px 0;
}
	.mng_top_sec06 ul.top_category li{
		width: 48%;
		margin-right: 4%;
	}
	.mng_top_sec06 ul.top_category li:nth-child(3n){
		margin-right: 4%;
	}
	.mng_top_sec06 ul.top_category li:nth-child(2n){
		margin-right: 0%;
	}
	.mng_top_sec06 ul.top_category li:nth-child(n+3){
		margin-top: 10px;
	}
.mng_top_sec06 ul.top_category li a {
    padding: 8px;
}
.mng_top_sec06 ul.top_category li a:after {
    content: '';
    width: 8px;
    height: 10px;
    right: 10px;
}
.mng_top_sec06 ul.top_category li a span {
    font-size: 1.2rem;
    line-height: 1.8rem;
    padding-left: 8px;
}	
.mng_top_sec06 ul.top_category li a p.img {
    width: 28%;
}

	
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* sec07 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.mng_top_sec07{
	padding: 80px 0 100px;
}



}





/* max 500px */
@media screen and (max-width: 500px) {
	
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* sec07 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.mng_top_sec07 ul li a .pht {
    height: 120px;
}
	.mng_top_sec07 ul li a .pht img{
		height: 120px;
	}
.mng_top_sec07 ul li .text {
    margin-top: 12px;
}
.mng_top_sec07 ul li .text .days {
	display: block;
    width: 100%;
	font-size: 1.0rem;
    line-height: 1.0rem;
	padding: 0px 0 3px;
}
.mng_top_sec07 ul li .text .tit {
    font-size: 1.2rem;
	margin-top: 4px;
}	
.mng_top_sec07 ul li .text span.cat {
    margin-left: 0px;
}	
.mng_top_sec07 a.topblog_all {
	max-width: 200px;
    font-size: 1.4rem;
    padding: 20px 10px 20px 0;
}
.mng_top_sec07 a.topblog_all:after {
    content: '';
    width: 26px;
}	
	
	
	
	p.asirai01 {
		width: 300px;
		top: -20px;
		right: -110px;
	}
	p.asirai02{
		width: 220px;
		top:60px;
		left:-120px;
	}
	p.asirai03{
		width: 140px;
		top:-100px;
		right:-50px;
	}
	p.asirai04{
		width: 120px;
		top:-80px;
		right:-50px;
	}
	p.asirai05{
		width: 150px;
		top:50px;
		left:-70px;
	}
	p.asirai06{
		width: 150px;
		bottom:-40px;
		right:-40px;
	}
	p.asirai07 {
		width: 120px;
		bottom: -80px;
		left: -10px;
	}
	p.asirai08{
		width: 160px;
		bottom:-70px;
		right:-70px;
	}	
	
}