/* CSS Document */

body .kingArea{text-align:center;padding-top:10px;margin-top:-85px;padding-bottom:calc(6.35vw + 40px);background:#fbf3cc url("../../images/content/home/king_bg.svg") repeat-x left top/24px auto;position:relative}
body.saiyo .kingArea{padding-top: 85px; z-index: -1;}

body .kingArea::after{display:block;content:"";width:100%;height:25%;background-color:#fff;position:absolute;bottom:6vw;left:0;z-index:1;transform:translateY(100%);clip-path:polygon(0 6.35vw, 100% 0, 100% 100%, 0 100%)}
body .kingArea>header{margin-bottom:45px;position:relative;z-index:5}
body .kingArea>footer{margin-top:35px}

@media only screen and (min-width: 961px) {
	body.saiyo .kingArea{/* clip-path: polygon(0 80px, 0 100%, 100% 570px, 100% 0); */}
	body.saiyo.top .kingArea + .otherBtnArea{
		margin-top: -110px;
		clip-path: polygon(0 min(80px,6.35vw), 100% 0, 100% calc(100% - 6.35vw), 0 99.8%);
	}
}
@media only screen and (max-width: 960px) {
body .kingArea{margin-top:-65px;padding-bottom:90px;padding-top:10px}
body.saiyo .kingArea{padding-top: 65px;}
body .kingArea::before{padding-top:8.205%;background-image:url("../../images/content/home/king_bg_border-sp.svg")}
body .kingArea>header{padding-top:15px}
body .kingArea>header .title{width:266px;margin:0 auto}
body .kingArea>.inner{min-height:10vh}
body .kingArea>footer{margin-top:30px}
}