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


header {
	border-bottom: none;
}

header .inner {
    margin-top: 12px;
}

header .logo {
	margin:0;
}

header .logo a {
	
    display: block;
    background: url('../../parts/topimage/keen_logo_header.svg') no-repeat 0 0 / 100% auto;
}

#sd21ex header .logo a {
	
    display: block;
    background: url('../../parts/topimage/keen_logo_header.svg') no-repeat 0 0 / 100% auto;
}


header .rightArea #hum-nav.active {
	background-color: rgba(0,0,0,0.73);
}

h2.subTitle {
	font-size: 34px;
	font-weight: 400;
	line-height: 51px;
	border-bottom: none;
	text-align: center;
}

h3.sub {
	font-size: 26px;
	font-weight: 400;
	line-height: 39px;
	margin-bottom: 56px;
	border-bottom: none;
	text-align: center;
}

#collection_kai .heading {
	border-bottom: none;
}


#slide1200 {
	width: 1200px;
	max-width: 1200px;
	margin-top: 0;
}


.itemBox {
	max-width: 1200px;
}




/* top */

#kntop .container {
	width: 100%;
	max-width: 1200px;
	margin:0 auto 60px;
}

#kntop .order {
	display: block;
	background: #bdbdbd;
	width: 100%;
}

#kntop .order p {
	font-size: 20px;
	line-height: 38px;
	color: #fff;
	text-align: center;
	padding:25px 0;
}

#kntop .itemBox {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

#kntop .itemBox li.item {
	width: 400px;
}

hr.liner {
	border: none;
	border-bottom:1px solid #2B2B2B;
	margin:126px auto;
	width: 336px;
}


/* collection */
#col #container2 .element {
	margin: 0;
}

/*
.grid {
	width: 1200px;
	max-width: 100%;
	margin:0 auto;
}
*/

.webshop-icon {
    width:25%; height:auto; border:0; vertical-align:bottom;　
	padding: 2em 2em;
    margin: 4em 1em 4em 1em;
    font-weight: bold;
	margin-left: auto;
    margin-right: auto;

}


@media screen and (max-width:780px){
 
.webshop-icon {
    width:50%; height:auto; border:0; vertical-align:bottom;　
	padding: 2em 2em;
    margin: 4em 1em 4em 1em;
    font-weight: bold;
	margin-left: auto;
    margin-right: auto;

}
 
}


/* rollover */
.itemOver01 {
    background: url("../aw21image/kai-11888-20210927_2.jpg") no-repeat;
}

.itemOver02 {
    background: url("../aw21image/kai-11889-20210927_2.jpg") no-repeat;
}

.itemOver03 {
    background: url("../aw21image/temp_img_1631876117270_2.jpg") no-repeat;
}

.itemOver04 {
    background: url("../aw21image/temp_img_1631876048041_2.jpg") no-repeat;
}

.itemOver05 {
    background: url("../aw21image/temp_img_1631876078617_2.jpg") no-repeat;
}

.itemOver06 {
    background: url("../aw21image/temp_img_1631876103102_2.jpg") no-repeat;
}

.itemOver07 {
    background: url("../aw21image/kai-11691-210607_2.jpg") no-repeat;
}

.itemOver08 {
    background: url("../aw21image/kai-11692-210607_2.jpg") no-repeat;
}

.itemOver09 {
    background: url("../aw21image/kai-11695-210607_0009_2.jpg") no-repeat;
}

.itemOver10 {
    background: url("../aw21image/kai-11693-210607_0002_2.jpg") no-repeat;
}

.itemOver11 {
    background: url("../aw21image/kai-11694-210607_0004_2.jpg") no-repeat;
}

.itemOver01 ,
.itemOver02 ,
.itemOver03 ,
.itemOver04 ,
.itemOver05 ,
.itemOver06 ,
.itemOver07 ,
.itemOver08 ,
.itemOver09 ,
.itemOver10 ,
.itemOver11 {
	background-position: center;
	background-size: contain;
}

.itemOver01 a ,
.itemOver02 a ,
.itemOver03 a ,
.itemOver04 a ,
.itemOver05 a ,
.itemOver06 a ,
.itemOver07 a ,
.itemOver08 a ,
.itemOver09 a ,
.itemOver10 a ,
.itemOver11 a {
	display: inline-block;
}

.itemOver01 a:hover ,
.itemOver02 a:hover ,
.itemOver03 a:hover ,
.itemOver04 a:hover ,
.itemOver05 a:hover ,
.itemOver06 a:hover ,
.itemOver07 a:hover ,
.itemOver08 a:hover ,
.itemOver09 a:hover ,
.itemOver10 a:hover ,
.itemOver11 a:hover {
	background-color: transparent;
}

.itemOver01 a:hover img ,
.itemOver02 a:hover img ,
.itemOver03 a:hover img ,
.itemOver04 a:hover img ,
.itemOver05 a:hover img ,
.itemOver06 a:hover img ,
.itemOver07 a:hover img ,
.itemOver08 a:hover img ,
.itemOver09 a:hover img ,
.itemOver10 a:hover img ,
.itemOver11 a:hover img {
	visibility: hidden;
}






@media screen and (min-width:769px) {
  .sp {
    display: none;
  }
}

@media screen and (max-width: 768px) {
	header {
		border-bottom: none;
	}
	header .inner {
		margin-top: 0;
	}
	header .logo {
		margin:0;
	}


	header .logo a {
		width: 216px;
		height: 55px;
		display: block;
		background: url('../../parts/topimage/keen_logo_header.svg') no-repeat 0 0 / 100% auto;
	}


	h2.subTitle {
		font-size: 34px;
		font-weight: 400;
		line-height: 51px;
		border-bottom: none;
		text-align: center;
	}


	h3.sub {
		font-size: 26px;
		font-weight: 400;
		line-height: 39px;
		margin-bottom: 56px;
		border-bottom: none;
		text-align: center;
	}


	#slide1200 {
		width: 100%;
	}

	.itemBox {
		max-width: 1200px;
	}



	

	/* top */

	#kntop .container {
		max-width: 1200px;
		width: 98%;
		max-width: 100%;
		margin:0 auto;
	}

	#kntop .order {
		display: block;
		background: #bdbdbd;
		width: 100%;
	}


	#kntop .order p {
		font-size: 20px;
		line-height: 38px;
		color: #fff;
		text-align: center;
		padding:25px 10px;
	}


	#kntop .itemBox {
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
	}


	#kntop .itemBox li.item {
		width: 50% !important;
	}


	hr.liner {
		border:1px solid #2B2B2B;
		margin:126px auto;
		width: 42%;
	}

	/* collection */
	#col #container2 .element {
		margin: 0;
	}

    footer ul.footerLink {
        font-size: 14px;
    }

    footer ul.footerLink li {
        margin: 5px 10px;
    }

    footer .copy {
        font-size: 15px;
    }

    .spshow {
        display: block!important;
    }

    #collection_kai .heading {
        font-size: 2em;
        margin-bottom: 1em;
    }
}

.spshow {
    display: none;
}

.mv {
	width: 100%;
}

.mv img {
	width: 100%;
}


header .rightArea #hum-nav ul li a, header .rightArea #hum-nav ul li p {
	font-size: 18px;
}

header#header-wrap.active::before {
	animation: none;
}

@media screen and (max-width: 1200px) {
    header .inner {
        margin-top: 6px;
    }

    #kntop .container {
        padding:0 30px;
    }

    #kntop .itemBox li.item {
        width: 48%;
    }
}