@charset "UTF-8";
@import url("smoothness/jquery-ui-1.8.4.custom.html");
@import url('https://fonts.googleapis.com/css?family=Lato&display=swap');


body{
	background:#FFF;
	color:#000000;
	line-height: 1.5;
	font-size:16px;
	font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif; 
	word-wrap:break-word;
	position:relative;
	font-feature-settings:'plat';
	
}

img {
    width: 100%;
    height: auto;
    border: 0;
    vertical-align: bottom;
}

html {
  scroll-behavior: smooth !important;
}

/* ボタンのクリック対象（aタグ）の挙動固定 */
#page-top a,
.topBtn a {
  scroll-behavior: smooth !important;
}


/*  すべてのタグのマージン・パディングの設定をリセット
-------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,hr,figure{ margin:0; padding:0; box-sizing:border-box; }
li{list-style-type: none;}
table{border-collapse: collapse; border-spacing: 0;}

body{ min-width:100%; font:14px "HiraKakuProN-W3", sans-serif; -webkit-text-size-adjust:none;  }




/* =================================================================
2.base
=================================================================*/
/*  clear
-------------------------------------------------------------*/
.clear{clear: both;}
.clearfloat{clear: both; height: 0; font-size: 1px; line-height: 0;}
.clearfix{zoom: 1;}










.clearfix:after{content: ""; display: block; clear: both;}
*:first-child+html .clearfix {zoom: 1; } /* IE7 */
















/*  基本のlink color
-------------------------------------------------------------*/
a{ color:#000000; }
a:link,
a:visited,
a:hover,
a:active,
a:hover,
a,
input[type="submit"],
input[type="button"]{
	-webkit-transition:0.2s ease-in-out;
	-moz-transition:0.2s ease-in-out;
	-o-transition:0.2s ease-in-out;
	transition:0.2s ease-in-out;
}

a:hover{ opacity:0.8; }

.moreLink{ text-align:center; }
.moreLink a{ display:inline-block; padding:0 25px; text-decoration:none; background:url("../../../../images/arrow_open.png") no-repeat right center / 18px auto; font-size:13px; color:#665f5c; }
.moreLink.open a{ background-image:url("../../../../images/arrow_close.png"); }

.moreLink2{ text-align:left; }
.moreLink2 a{ display:inline-block; padding:0 20px 0 0; text-decoration:none; background:url("../../../../images/arrow_link.png") no-repeat right center / 13px auto; font-size:13px; color:#665f5c; }

.link1{ text-align:center; }
.link1 a{ display:inline-block; pading:0 0 0 20px; text-decoration:none; background:url("../../../../images/arrow_link.png") no-repeat 0 center / 13px auto; font-size:13px; color:#665f5c; }


=================================================================*/
/* smartphone - スマートフォン専用サイトへのリンク
-------------------------------------------------------------*/
#smartphone a{ width:100%; display:block; padding:10px 0; text-align:center; background:green; color:#ffffff; }

/* preview - プレビュー時に表示するエリア
-------------------------------------------------------------*/
#preview{padding: 5px; border-bottom: 1px solid #CCC; background: #1C8600; color: #FFF; font-size: 80%; text-align: center;}
#preview table{ display:inline-block; }
#preview .ico{width:20px; padding-right: 10px; text-align: right;}

/* header - ヘッダ
-------------------------------------------------------------*/
#top { padding: 65px 0 0; }
header{ width:100%; /*min-width:1350px;*/ background:#ffffff; border-bottom:#ececec 1px solid; position: fixed; top: 0; left: 0; z-index:13; }
header::after{ content:""; clear:both; display:block; }
header a{ text-decoration:none !important; color:#333333; }
header .inner { display: flex; align-content: center; align-items: center; justify-content: space-between; }
header .logo{ float:left; margin:22px 0 0 0; }
header .logo a{ width:210px; display:block; background:url("../header .logo asd21img/logo_keen_21sd_2.png") no-repeat 0 0 / 100% auto; text-indent:-9999px; overflow:hidden; }
header .logo a:hover{ opacity:1; }
header .rightArea{ width: 100%; display: flex; justify-content: flex-end; align-content: center; align-items: center;/*padding:25px 0 0;*/ }
header .rightArea .icoBtn{ width:65px; text-align:center; font-size:11px; display:none; }
header .rightArea .icoBtn a{ display:block; box-sizing:border-box; line-height:1.2; }
header .rightArea .icoBtn img{ width:26px; display:block; margin:0 auto; }

/*--- searchArea ---*/
header .rightArea .searchArea{ margin:0 50px 0 0; }
header .rightArea .searchArea #searchMenu .searchCon{ position:relative; }
header .rightArea .searchArea #searchMenu input[type="search"]{ width:290px; padding-right:35px; }
header .rightArea .searchArea #searchMenu input[type="submit"]{ width:23px; height:23px; background:url("../../../../images/ico_search_bk.png") no-repeat 0 0 / 100% auto; border:none; position:absolute; top:8px; right:10px; }

/*--- cateArea ---*/
header .rightArea .cateArea #cateMenu{ display:none; } /*初期表示は隠す*/
header .rightArea .cateArea #cateMenu{ width:100%; height:100vh; padding:0 0 50px; background:#ffffff; box-sizing:border-box; overflow:auto; position:absolute; top:0; left:0; z-index:20; opacity:0.9; }
header .rightArea .cateArea #cateMenu .closeBtn{ position:absolute; top:40px; right:40px; }
header .rightArea .cateArea #cateMenu .closeBtn a{ width:30px; height:30px; display:block; background:url("../../../../images/ico_close_bk.png") no-repeat 0 0 / 100% auto; }
header .rightArea .cateArea #cateMenu .title{ text-align:center; padding:60px 0 35px; font-size:22px; font-weight:bold; }
header .rightArea .cateArea #cateMenu ul.navBtn{ margin:0 auto 40px; padding:0 0 0 5px; text-align:center; }
header .rightArea .cateArea #cateMenu ul.navBtn li{ display:inline-block; margin:0 5px 7px 0; text-align:center; }
header .rightArea .cateArea #cateMenu ul.navBtn li a{ width:80px; display:block; padding:8px 0; background:#f5f5f5; border-radius:50px; box-sizing:border-box; }
header .rightArea .cateArea #cateMenu ul.navBtn li.on a{ background:#333333; color:#ffffff; }
/* cateList */
header .rightArea .cateArea #cateMenu .cateList{ width:1200px; margin:0 auto; }
header .rightArea .cateArea #cateMenu .cateList .tit{ margin:0 0 21px; padding:0 0 18px; border-bottom:#ebebeb 1px solid; font-size:18px; font-weight:bold; }
header .rightArea .cateArea #cateMenu .cateList > div{ display:none; } /* 初期非表示 */
header .rightArea .cateArea #cateMenu .cateList > #agyo{ display:block; } /* あ行のみ表示 */
header .rightArea .cateArea #cateMenu .cateList ul{ display:flex; display:-webkit-flex; display:-ms-flexbox; flex-wrap:wrap; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; margin:0 0 35px; }
header .rightArea .cateArea #cateMenu .cateList ul li{ width:23.5%; margin:0 2% 20px 0; }
header .rightArea .cateArea #cateMenu .cateList ul li:nth-child(4n){ margin-right:0; }
header .rightArea .cateArea #cateMenu .cateList ul li a{ width:100%; display:table; table-layout:fixed; box-sizing:border-box; }
header .rightArea .cateArea #cateMenu .cateList ul li a figure{ width:75px; display:table-cell; }
header .rightArea .cateArea #cateMenu .cateList ul li a p{ display:table-cell; padding:0 0 0 10px; vertical-align:middle; }

/*--- detailSearchArea ---*/
header .rightArea .detailSearchArea{ float:left; }

/*--- loginArea ---*/
header .rightArea .loginArea{ float:left; }

/*--- mypageArea ---*/
header .rightArea .mypageArea{ float:left; }

/*--- cartArea ---*/
header .rightArea .cartArea{ float:left; position:relative; }
header .rightArea .cartArea .cartNum{ min-width:22px; padding:2px 3px; text-align:center; background:#df4848; border-radius:50px; font-size:10px; color:#ffffff; line-height:1; position:absolute; top:-5px; right:2px; }

/*--- humicon ---*/
header .rightArea #humicon:hover {
	cursor: pointer;
}

header .rightArea #humicon {
	width: 50px;
	height: 50px;
	padding: 15.5px 0;
}

header .rightArea #humicon span {
	width: 30px;
	height: 1px;
	display: block;
	background-color: #000000;
	border-radius: 3px;
	margin: 0 auto;
}

header .rightArea #humicon span:nth-of-type(2) {
	margin: 8px auto;
}

/*-- close-humicon --*/
header .rightArea #close-humicon {
	width: 50px;
	height: 50px;
	padding: 15.5px 0;
	position: absolute;
	top: 30px;
	left: -40px;
}

header .rightArea #close-humicon:hover {
	cursor: pointer;
}

header .rightArea #close-humicon span {
	width: 30px;
	height: 1px;
	display: block;
	background-color: #0f0f0f;
	border-radius: 3px;
	position: absolute;
	top: 5%;
	left: 0;
	margin: 0 auto;
}

header .rightArea #close-humicon span:nth-of-type(1) {
	transform:rotate(40deg);
}

header .rightArea #close-humicon span:nth-of-type(2) {
	transform:rotate(-40deg);
}


/*--- hum-nav ---*/
header .rightArea #hum-nav {
	width: 30%;
	max-width: 540px;
	height: 100vh;
	display: none;
	position: fixed;
	top: 0;
	right: -30%;
	padding: 3% 0 0 0;

	
}

@media screen and (max-width: 768px) {
    header .rightArea #hum-nav {
        width: 60%;
    }
}

header .rightArea #hum-nav ul {
	opacity: 0;
}

header .rightArea #hum-nav ul li a,
header .rightArea #hum-nav ul li p {
	display: block;
	color: #ffffff;
	font-size: 20px;
	padding: .3em 0 .5em 5%;
}

header .rightArea #hum-nav ul li ul li a {
	font-size: 16px;
	padding: calc(.3em + .1vw) 0 calc(.5em + .1vw) 12%;
}



header .rightArea #hum-nav ul li ul li:nth-of-type(1) a {
	border-top: none;
}

header .rightArea #hum-nav.active {
	display: block;
	background-color:rgba(0,0,0,0.85);
	transform: translateZ(100px);
	right: 0;
	z-index: 100;
	animation: menu .6s ease;
}

header .rightArea #hum-nav.active ul {
	opacity: 1;
	animation: menuWrap .6s ease;
}

header .rightArea #hum-nav.active li a, 
header .rightArea #hum-nav.active li a:visited {
	color: #ffffff;
}

@keyframes menu {
	0% {
		right: -30%;
	}
	100% {
		right: 0;
	}
}

@keyframes menuWrap {
	0% {
		opacity: 0;
	}
	10% {
		opacity: 0;
	}
	80% {
		opacity: 1;
	}
	100% {
		opacity: 1;
	}
}

header#header-wrap.active::before {
	content: "";
	width: 100vw;
	height: 100vh;
	display: block;
	background-color: rgba(0,0,0,.1);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 20;
	animation: headerWrap .6s ease;
}


@keyframes headerWrap {
	0% {
		background-color: rgba(0,0,0,0);
	}
	100% {
		background-color: rgba(0,0,0,.6);
	}
}





header {
	border-bottom: none;
}

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

header .logo {
	margin:0;
}

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

#sd21ex header .logo a {
	width: 228px;
	height: 55px;
    display: block;
    background: url('../../assets/images/commons/keen_logo_header.svg') no-repeat 0 0 / 100% auto;
}


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




/* =================================================================
お問い合わせ
=================================================================*/
#contactPage{ text-align:center; }
#contactPage .contactCon{ width:890px; margin:0 auto; }





@charset "UTF-8";
@import url("smoothness/jquery-ui-1.8.4.custom.css");
@import url('https://fonts.googleapis.com/css?family=Lato&display=swap');




.img-sp {
    display: none;
}

@media screen and (max-width:780px) {
    .img-pc {
        display: none;
    }

    .img-sp {
        display: block;
    }
}	


.topread-box1 {
    width:40%; max-width: 1200px; height:auto; border:0; vertical-align:bottom;　
	padding: 2em 2em;
    margin: 1em 1em;
    font-weight: bold;
	margin-left: auto;
    margin-right: auto;
	margin-bottom:  3em;
}


@media screen and (max-width:780px){
 
.topread-box1 {
    width:90%; height:auto; border:0; vertical-align:bottom;　
	padding: 2em 2em;
    margin: 1em 1em;
    font-weight: bold;
	margin-left: auto;
    margin-right: auto;
	margin-bottom:  3em;
}
}


.topread-box2 {
    width:90%; max-width: 1200px; height:auto; border:0; vertical-align:bottom;　
	padding: 2em 2em;
    margin: 1em 1em;
    font-weight: bold;
	margin-left: auto;
    margin-right: auto;
	margin-bottom:  3em;
}

@media screen and (max-width:780px){
 
.topread-box2 {
    width:100%; height:auto; border:0; vertical-align:bottom;　
	padding: 1em 1em;
    margin: 1em 1em;
	margin-left: auto;
    margin-right: auto;
	margin-bottom:  3em;
	
}
}


.topread-box3 {
     width:15%; height:auto; border:0; vertical-align:bottom; 
	padding: 0em 1em;
margin-right: 0;
 margin-left: auto;

}

@media screen and (max-width:780px){
 .topread-box3 {
    width:40%; height:auto; border:0; vertical-align:bottom;　
	padding: 0em 1em;
margin-right: 0;
 margin-left: auto;

}
}

.topread-box4 {
    width:100%; height:auto; border:0; vertical-align:bottom; 
	padding: 0em 1em;
margin-right: 0;
 margin-left: auto;
	margin-bottom:  1em;
} 

.topread-box4 p {
    margin: 0px; 
    padding: 0px;
	line-height: 2.5em;
	text-align:right;
	font-size: 12px;
	margin-bottom:  1em;
}


@media screen and (max-width:780px){
 
.topread-box4 {
    width:100%; height:auto; border:0; vertical-align:bottom; 
	padding: 1em 1em;
    margin-right: 0;
  margin-left: 0;
margin-left: auto;
	margin-bottom:  0em;

} 



.topread-box4 p {
    margin: 0px; 
    padding: 0px;
	line-height: 2em;
	text-align:right;
	font-size: 11px;
	position: auto;
	
}
 
}




.topread-box5 {
    width:90%; height:auto; border:0; vertical-align:bottom;　
	padding: 2em 2em;
    margin: 2em 0em 0em 0em;
    margin-left: auto;
    margin-right: auto;

	text-align:left;
}

.topread-box5 p {
    font-family:"ヒラギノ角ゴシック",sans-serif;
	 font-size: 26px;
	 font-weight: 200;
}


@media screen and (max-width:780px){
	.topread-box5 {
 width:90%; height:auto; border:0; vertical-align:bottom;　
	padding: 2em 2em;
    margin: 2em 0em 0em 0em;
    margin-left: auto;
    margin-right: auto;
 font-size: 24px;
	 font-weight: 200;
	  text-align:left;

}
	
.topread-box5 p {
    font-family:"ヒラギノ角ゴシック",sans-serif;
	font-size: 24px;
	 font-weight: 200;
}	
	
	
}



.topread-box6 {
    width:17%; 　
	padding: 0em;
    margin: 8em 0em 0em 0em;
	text-align:left;
}



@media screen and (max-width:780px){
.topread-box6 {
	    width:50%; 　
	padding: 1em 0em 1em 1em ;
}	
}


.topread-box7 {
    width:90%; 　
	padding: 0em;
    margin: 0em 0em 3em 0.5em;
	text-align:left;
}

.topread-box7 p {
    font-family:"ヒラギノ角ゴシック",sans-serif;
	 font-size: 16px;
	 font-weight: 200;
}





@media screen and (max-width:780px){
.topread-box7 {
	padding: 0em 0em 1em 0.2em;
}
	
.topread-box7 p {
	font-size: 14px;
}	
	
	
}


.topread-box8 {
    width:90%; max-width: 1200px; height:auto; border:0; vertical-align:bottom;　
	padding: 2em 2em;
    margin: 12em 1em ;
    font-weight: bold;
	margin-left: auto;
    margin-right: auto;
	margin-bottom:  9em;
}

@media screen and (max-width:780px){
 
.topread-box8 {
    width:100%; height:auto; border:0; vertical-align:bottom;　
	padding: 1em 1em;
    margin: 1em 1em;
	margin-left: auto;
    margin-right: auto;
	margin-top:  6em;
	margin-bottom:  3em;
	
}
}

 


.popup-box1 {
    width:35%; height:auto; border:0; vertical-align:bottom;　
	padding: 2em 2em;
    margin: 1em 1em;
    font-weight: bold;
	margin-left: auto;
    margin-right: auto;
    font-size: 22px;
}

@media screen and (max-width:780px){
 .popup-box1 {
    width:80%; height:auto; border:0; vertical-align:bottom;　
	padding: 2em 2em;
    margin: 1em 1em;
    font-weight: bold;
	margin-left: auto;
    margin-right: auto;
	 font-size: 18px;

}
}


.popup-box2 {
    width:85%; height:auto; border:0; vertical-align:bottom; 
	padding: 0.5em 1em;
    margin: 2em 0;
	margin-left: auto;
    margin-right: auto;
} 



.popup-box2 p {
    margin: 5px; 
    padding: 5px;
	line-height: 2em;
	text-align:center;
}


@media screen and (max-width:780px){
 
.popup-box2 {
    width:95%; height:auto; border:0; vertical-align:bottom; 
	padding: 0.5em 0.5em;
    margin: 2em 0;
	margin-left: auto;
    margin-right: auto;
} 



.popup-box2 p {
    margin: 5px; 
    padding: 5px;
	line-height: 2em;

    
	text-align:left;
}
 
}



.popup-box3 {
    width:85%; max-width: 1200px; height:auto; border:0; vertical-align:bottom; 
	padding: 1em 4em;
	margin-left: auto;
    margin-right: auto;
	margin-bottom:  4em;
} 



.popup-box3 p {
    margin: 5px; 
    padding: 5px;
	line-height: 2em;
	text-align:left;
}


@media screen and (max-width:780px){
 
.popup-box3 {
    width:95%; height:auto; border:0; vertical-align:bottom; 
	padding: 0.5em 0.5em;
    margin: 0em 0;
	margin-left: auto;
    margin-right: auto;
} 



.popup-box3 p {
    margin: 5px; 
    padding: 5px;
	line-height: 2em;
	text-align:left;
}
 
}




.popup-box4 {
    width:85%; height:auto; border:0; vertical-align:bottom; 
	padding: 2em 4em;
    margin: 2em 0;
	margin-left: auto;
    margin-right: auto;
	
} 



.popup-box4 p {
    margin: 5px; 
    padding: 5px;
	line-height: 2em;
	text-align:left;
}


@media screen and (max-width:780px){
 
.popup-box4 {
    width:95%; height:auto; border:0; vertical-align:bottom; 
	padding: 0.5em 0.5em;
    margin: 2em 0;
	margin-left: auto;
    margin-right: auto;
} 



.popup-box4 p {
    margin: 5px; 
    padding: 5px;
	line-height: 2em;

    
	text-align:left;
}
 
}



.popup-box5 {
width:45%; 
max-width: 600px; 
height:auto; 
border:0; 
vertical-align:bottom;　
padding: 2em 2em;
margin: 1em 1em;
margin-left: auto;
margin-right: auto;
margin-bottom:  3em;
}


@media screen and (max-width:780px){
 
.popup-box5 {
    width:90%; height:auto; border:0; vertical-align:bottom;　
	padding: 2em 2em;
    margin: 1em 1em;
    font-weight: bold;
	margin-left: auto;
    margin-right: auto;
	margin-bottom:  3em;
}
}



.popup-box6 {
    width:80%; max-width: 1200px; height:auto; border:0; vertical-align:bottom; 
	padding: 1em 4em;
	margin-left: auto;
    margin-right: auto;
	margin-bottom:  0em;
} 



.popup-box6 p {
    margin: 5px; 
    padding: 5px;
	line-height: 2em;
	font-size: 16px;
		margin-left: auto;
    margin-right: auto;
text-align:left;
}

.line2 { text-decoration: underline double black }


@media screen and (max-width:780px){
 
.popup-box6 {
    width:100%; height:auto; border:0; vertical-align:bottom; 
	padding: 0.5em 0.5em;
    margin: 0em 0;
	margin-left: auto;
    margin-right: auto;
} 



.popup-box6 p {
    margin: 0px; 
    padding: 5px;
	line-height: 1.5em;
	text-align:left;
	font-size: 14px;
}
 
}


.popup-box7 {
    width:95%; max-width: 1200px; height:auto; border:0; vertical-align:bottom; 
	padding: 1em 4em;
	margin-left: auto;
    margin-right: auto;
	margin-bottom:  0em;
} 



.popup-box7 p {
    margin: 5px; 
    padding: 5px;
	line-height: 2em;
	text-align:left;
	font-size: 16px;
}


@media screen and (max-width:780px){
 
.popup-box7 {
    width:100%; height:auto; border:0; vertical-align:bottom; 
	padding: 0.5em 0.5em;
    margin: 0em 0;
	margin-left: auto;
    margin-right: auto;
} 



.popup-box7 p {
    margin: 0px; 
    padding: 5px;
	line-height: 1.5em;
	text-align:left;
	font-size: 14px;
}
 
}



.popup-box8 {
    width:95%; max-width: 1200px; height:auto; border:0; vertical-align:bottom; 
	padding: 1em 4em;
	margin-left: auto;
    margin-right: auto;
	margin-bottom:  4em;
} 



.popup-box8 p {
    margin: 5px; 
    padding: 5px;
	line-height: 1.5em;
	text-align:left;
	font-size: 18px;
}


@media screen and (max-width:780px){
 
.popup-box8 {
    width:100%; height:auto; border:0; vertical-align:bottom; 
	padding: 0.5em 0.5em;
    margin: 0em 0;
	margin-left: auto;
    margin-right: auto;
	margin-bottom:  2em;
} 



.popup-box8 p {
    margin: 0px; 
    padding: 5px;
	line-height: 1.5em;
	text-align:left;
	font-size: 16px;
}
 
}


.popup-box9 {
    width:35%; height:auto; border:0; vertical-align:bottom;　
	padding: 1em 1em;
    margin: 1em 1em;
	text-align: left;
}

@media screen and (max-width:780px){
 .popup-box9 {
    width:70%; height:auto; border:0; vertical-align:bottom;　


}
}




.flame01 {
border: 1px solid #000;

padding: 0.5em;
width: 100%;
background-color: #fff;
}



.sma{
    display: none;
}

@media screen and (max-width:780px) {
    .sma{
        display: block;
    }
}


#contents{
  height:600px;
}
h1{
  text-align:center;
}
.sankaku,
.text{
  text-align:center;
}
#page-top {
  position: fixed;
  bottom: 43%;
  right: 3px;
  font-size: 14px;
  line-height: 1;
  z-index: 99;

}


@media screen and (max-width:780px) {
#page-top {

  bottom: 38%;
  right: 10px;

}
}


#page-top a {
  background: #fff;
  text-decoration: none;
  color: #000;
  border: 1px solid #000;
  padding: 20px 10px;
  text-align: center;
  display: block;
  border-radius: 2px;
  opacity: 0.9;
  transition: all .3s ease;
	-webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
#page-top a:hover {
  text-decoration: none;
  opacity: .5;
}




.archive-box1 {
    width:70%; max-width: 1000px; height:auto; border:0; vertical-align:bottom;　
	padding: 2em 2em;
    margin: 1em 1em;
	margin-left: auto;
    margin-right: auto;
	margin-bottom:  3em;
}

.archive-box1 p {
    margin: 5px; 
    padding: 5px;
	line-height: 1.5em;
	text-align:center;
	font-size: 22px;
	 font-weight: 200;
	font-family:"ヒラギノ角ゴシック",sans-serif;
}
 



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

.archive-box1 {
    width:90%;  height:auto; border:0; vertical-align:bottom;　
	padding: 2em 2em;
    margin: 1em 1em;
	margin-left: auto;
    margin-right: auto;
	margin-bottom:  3em;
}

.archive-box1 p {
    margin: 5px; 
    padding: 5px;
	line-height: 1.5em;
	text-align:center;
	font-size: 18px;
	 font-weight: 200;
	font-family:"ヒラギノ角ゴシック",sans-serif;
}
 
 
}







.about-box1 {
    width:12%; 
	max-width: 150px; 
	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){
 
.about-box1 {
    width:22%; 
	height:auto; border:0; vertical-align:bottom;　
	padding: 2em 2em;
    margin: 3em 1em 3em 1em;
    font-weight: bold;
	margin-left: auto;
    margin-right: auto;

}
 
}

.hayami-box6 {
    width:15%; height:auto; border:0; vertical-align:bottom;　
	padding: 2em 2em;
    margin: 2em 1em;
    font-weight: bold;
	margin-left: auto;
    margin-right: auto;

}


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

}
 
}

.hayami-box7 {
    width:55%; height:auto; border:0; vertical-align:bottom;　
	padding: 2em 2em;
    margin: 1em 1em;
    font-weight: bold;
	margin-left: auto;
    margin-right: auto;

}

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

}
}


}



hr.example {
height: 1px;
background-color: #6c8088;
border: none;
color: #6c8088f;
}

hr.example2 {
    width: 20%;
    border-top: 1px solid #6c8088;
    border-right: none;
    border-bottom: none;
    border-left: none;
}


@media screen and (max-width:780px){
 
hr.example2 {
    width: 30%;
    border-top: 1px solid #6c8088;
  text-align:left;
margin-left:0px;
}
 
}

/* =================================================================
商品一覧
=================================================================*/

.items{
display:flex;
flex-wrap:wrap;
justify-content:center;
align-items:center;
 
}
 
.item{
box-sizing: border-box;
margin:0 10px 10px 0;
padding: 10px;
width:calc(28% - 50px / 3);
}
.item:nth-child(3n){
margin-right:0;
}


@media screen and (max-width:780px){
 
.item{
margin:0 0 0 0;
width: calc(80% - 20px / 1);
	font-size:12px;
}
 
.item:nth-child(2n){
margin-right:0;
}
 
.item:nth-child(3n){
margin-right:0;
}
 
.item:nth-child(6){
margin-right:0;
}
 
}



.archives{
display:flex;
flex-wrap:wrap;
justify-content:center;
align-items:center;
 
}
 
.archive{
box-sizing: border-box;
margin:0 3px 3px 0;
padding: 3px;
width:calc(24% - 0px / 4);
}
.archive:nth-child(4n){
margin-right:0;
}


@media screen and (max-width:780px){
 
.archive{
margin:0 0 0 0;
width: calc(50% - 20px / 2);
	font-size:12px;
}
 
.archive:nth-child(2n){
margin-right:0;
}
 
.archive:nth-child(3n){
margin-right:0;
}
 
.archive:nth-child(6){
margin-right:0;
}
 
}


/* =================================================================
1.reset
=================================================================*/
body{
	width: 100%; 
	margin-left: auto;
    margin-right: auto;
    line-height: 1.8;
    font-size:15px;
    font-family: din-2014, "游ゴシック", YuGothic, 'Yu Gothic medium', 'Hiragino Sans', Meiryo, 'sans-serif';
    word-wrap:break-word;
    position:relative;
    font-feature-settings:'plat';
}





/*  すべてのタグのマージン・パディングの設定をリセット
-------------------------------------------------------------*/

li{list-style-type: none;}
table{border-collapse: collapse; border-spacing: 0;}

img{ width:100%; height:auto; border:0; vertical-align:bottom; }


/* =================================================================
2.base
=================================================================*/
/*  clear
-------------------------------------------------------------*/
.clear{clear: both;}
.clearfloat{clear: both; height: 0; font-size: 1px; line-height: 0;}
.clearfix{zoom: 1;}
.clearfix:after{content: ""; display: block; clear: both;}
*:first-child+html .clearfix {zoom: 1; } /* IE7 */

/*  基本のlink color
-------------------------------------------------------------*/
a{ color:#000000; }
a:link,
a:visited,
a:hover,
a:active{ text-decoration:none; }
a:hover,
a,
input[type="submit"],
input[type="button"]{
    -webkit-transition:0.2s ease-in-out;
    -moz-transition:0.2s ease-in-out;
    -o-transition:0.2s ease-in-out;
    transition:0.2s ease-in-out;
}

a:hover{ opacity:0.8; }

.moreLink{ text-align:center; }
.moreLink a{ display:inline-block; padding:0 25px; text-decoration:none; background:url("../images/arrow_open.png") no-repeat right center / 18px auto; font-size:13px; color:#665f5c; }
.moreLink.open a{ background-image:url("../images/arrow_close.png"); }

.moreLink2{ text-align:right; }
.moreLink2 a{ display:inline-block; padding:0 20px 0 0; text-decoration:none; background:url("../images/arrow_link.png") no-repeat right center / 13px auto; font-size:13px; color:#665f5c; }

.link1{ text-align:center; }
.link1 a{ display:inline-block; padding:0 0 0 20px; text-decoration:none; background:url("../images/arrow_link.png") no-repeat 0 center / 13px auto; font-size:13px; color:#665f5c; }


.sns-icon{
	display: flex;
	flex-wrap:wrap;
list-style-type: none;
padding-top: 0em;
  justify-content: center;
	margin-left: auto;
    margin-right: auto;
	margin-top:   7em;
	
}
.sns-icon li {
	width: calc(250px/3);/*←画像を横に4つ並べる場合*/
	padding:0 15px;/*←画像の左右に5pxの余白を入れる場合*/
	box-sizing:border-box;
　　　　　	
}


@media screen and (max-width:780px){
 
.sns-icon{
display: flex;
flex-wrap:wrap;
list-style-type: none;
padding-top: 0em;
 
	
}
	
.sns-icon li {
width: calc(180px/3);/*←画像を横に4つ並べる場合*/
		padding:0 10px;/*←画像の左右に5pxの余白を入れる場合*/

}
 

 
}



.sns-menu{

		display: flex;
	flex-wrap:wrap;
list-style-type: none;
padding-top: 0em;
  justify-content: left;
	margin-left: auto;
    margin-right: auto;
	margin-top:   1em;
	
}
.sns-menu li {
	width: calc(85px/1);/*←画像を横に4つ並べる場合*/
	padding:0 15px;/*←画像の左右に5pxの余白を入れる場合*/
	box-sizing:border-box;
　　　　　	
}


@media screen and (max-width:780px){
 
.sns-menu{
display: flex;
flex-wrap:wrap;
list-style-type: none;
padding-top: 0em;
 
	
}
	
.sns-menu li {
width: calc(80px/1);/*←画像を横に4つ並べる場合*/
		padding:0 10px;/*←画像の左右に5pxの余白を入れる場合*/

}
 

 
}


#popup {
  display: none; /* label でコントロールするので input は非表示に */
}

.popup-open {
  cursor: pointer; /* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */
}

.popup-overlay {
  display: none; /* input にチェックが入るまでは非表示に */
}

#popup:checked ~ .popup-overlay {
  display: block;
  z-index: 99999;
  background-color: #00000070;
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
	
}

.popup-window {
  width: 50vw;
  padding: 20px;
  background-color: #ffffff;
  border-radius: 5px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
		
}


@media screen and (max-width:780px){
 
.popup-window {
  width: 90vw;
  		
}	
}

.popup-window img{ 
	width:45%; 
}


@media screen and (max-width:780px){
 
.popup-window img{ 
	width:75%; 
}	
}

.popup-text {
  margin: 0;
	font-size: 1.2em;
}

.popup-text:not(:last-of-type) {
  margin-bottom: 1em;
 
}

@media screen and (max-width:780px){
 
.popup-text {
	font-size: 14px;
}
	
}
.popup-close {
  cursor: pointer;
  position: absolute;
  top: -26px;
  right: 0;
}

.text-box-01 {
	width: 40%;
    background-color: #fff;
    margin: 2em 0em 0em 0em;
    border: 1px solid #000;
    padding: 5px;
}



#footermain {
  padding: 18px 0;
  color: #fff;
  font-size: 0.8rem;
  margin-right: 0;
 margin-left: auto;
  background-color: #222;
}
#footerWrap{
	width:100%;
}


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



/* smartphone - スマートフォン専用サイトへのリンク
-------------------------------------------------------------*/
#smartphone a{display:block; width:980px; height:150px; margin:auto; background:url("../images/button_smartphone.html") no-repeat; text-indent:-9999px;}

/* preview - プレビュー時に表示するエリア
-------------------------------------------------------------*/
#preview{ padding:5px; border-bottom:1px solid #CCC; background:#1C8600; color:#000000;font-size:80%; text-align:center;}
#preview table{width:800px; margin:auto;}
#preview .ico{width:20%; padding-right:10px; text-align:right;}
#preview .content{ color: #fff;  text-align:left;}

/* body - 共通
-------------------------------------s------------------------*/
body{color:#000000;
	background-color:#FFFFFF !important;
	background-repeat: repeat !important;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	word-wrap:break-word;
	padding: 65px 0 0;
}

a:link {color:#000000;}
/*a:visited {color:#FFFFFF!important;}*/
a:active {color:#000000!important;opacity: 0.5 !important;}	
#soon{margin:50%;color:#FFFFFF;width:100px;text-align:center;font-size:1.5em;}

/* header - ヘッダ　2016/08/16　STARDUST　STOREヘッダー
-------------------------------------------------------------*/

#top #slide1200 { width: 100%;  }
#slide1200{ width: 100%!important; margin:50px auto 15px auto;  }
#slide1200.colTop img {
	width: 100%;
	
  
}




/*トップへ戻るボタン*/
.topBtn { z-index:100;
	position:fixed; /*固定*/
	bottom:20px; /*場所を右下に移動*/
	right:20px; /*場所を右下に移動*/
	display:block; /*aタグをblock要素に変更*/
	background-color:rgba(0,0,0,0.5); /*以下、デザインはご自由に！！*/
	color:#CCC;border:1px solid #CCC;background-color: #FFFFFF;opacity: 0.5;
	text-decoration:none;
	font-weight:bold;
	font-size:11px;
	width:60px;
	height:60px;
	text-align:center;
	line-height:22px;
	border-radius:30px;
	padding-top:30px;
	box-sizing:border-box;
}
.topBtn:before {
	content:'\25B2';
	position:absolute;
	top:10px;
	left:0;
	width:100%;
	text-align:center;
	font-size:20px;
}
.topBtn:hover {
	opacity:0.7;
}

.topBtn a{text-decoration: none!important;color:#CCC!important;}

/*layout*/
.wrapper {
	position:relative;
}


/*LP_COLLECTION-----------------------------------------------
-------------------------------------------------------------*/
#container_kai{
	width:1200px; margin:0 auto;
	z-index:50!important;
	/*border: 1px solid #666; 確認用*/
	position:relative;
	padding:0px;
	margin-right:auto;
	margin-left:15px;
	margin-top: 20px;
	margin-bottom: 20px;
}


/* The Magnificent Clearfix: nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1;clear: both;}


#about_kai{width:90%;margin:9em auto 0 auto;padding:3em 1em;border:solid 1px #000000;text-align:center;color:#000000;}
#about_kai .heading{display: inline-block;font-size:1.3em;font-weight:300!important;border-bottom: 1px solid #000000;padding:0 15px 2px 15px;margin-bottom:50px;}
#about_kai p{margin:0 auto;}




#produce_privilege{width:100%;color:#000000;text-align:center;margin:200px 0;}
#produce_privilege .heading{display: inline-block;font-size:1.3em;font-weight:300!important;border-bottom: 1px solid #000000;padding:0 15px 2px 15px;margin:1em auto 2em auto;}
#produce_privilege p{margin:10px;}


#produce_kai{width:100%;margin:3em auto 0 auto;color:#000000;text-align:center; }
#produce_kai .heading{display: inline-block;font-size:1.3em;font-weight:300!important;border-bottom: 1px solid #000000;padding:0 15px 2px 15px;margin:1em auto 2em auto;}
#produce_kai .Reservation{width:90%;padding:15px;text-align:left;color:#FFFFFF;}
#produce_kai ul.listtest3 {
	margin:0;display: flex;flex-wrap: wrap;width: 100%;height:auto!important;
	justify-content: flex-start;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;}

#produce_kai ul.listtest3 img{width:100%;transition-duration: 0.3s;vertical-align: bottom;}
#produce_kai ul .imgkeen{
	width:calc(100% / 3); /* 33.3333333…％ */
	width : 33.33333% ; /* 未対応ブラウザ用フォールバック */
	width: -moz-calc(100% / 3);
	width: -webkit-calc(100% / 3);
	height:auto;background:#CCC;list-style: none;position:relative;}



#message_kai{width:100%;margin:3em auto 0 auto;color:#000000;}
#message_kai #message_1200{width:500px;margin:80px auto 0 auto;}
#message_kai .heading{display: inline-block;font-size:1.3em;font-weight:300!important;border-bottom: 1px solid #000000;padding:0 15px 2px 15px;margin:1em auto 2em auto;}

#collection_kai{width:100%;margin:5em auto 0 auto;color:#000000;text-align:center;}
#collection_kai .heading{display: inline-block;font-size:1.3em;font-weight:300!important;border-bottom: 1px solid #000000;padding:0 15px 2px 15px;margin:1em auto 2em auto;}
#collection_kai #main{margin-bottom:100px;}

#container2 .element.box183 {width:390px; height:183px;display:block!important;}
#container2 .element.box183 a{text-decoration: none!important;}
#container2 .element.box183 a:hover{
	opacity: 0.5 !important;/* 透過率0% */
	transition: 0.2s !important;/* 0.2秒アニメーション */
	-webkit-transition: 0.2s !important;}

#container2 .element.box233 {width:390px; height:233px;display:block!important;}
#container2 .element.box233 a{text-decoration: none!important;}
#container2 .element.box233 a:hover{
	opacity: 0.5 !important;/* 透過率0% */
	transition: 0.2s !important;/* 0.2秒アニメーション */
	-webkit-transition: 0.2s !important;}

#container2 .element.box260{width:390px; height:260px;display:block!important;}
#container2 .element.box260 a{text-decoration: none!important;}
#container2 .element.box260 a:hover{
	opacity: 0.5 !important;/* 透過率0% */
	transition: 0.2s !important;/* 0.2秒アニメーション */
	-webkit-transition: 0.2s !important;}

#container2 .element.box300 {width:390px; height:300px;display:block!important;}
#container2 .element.box300 a{text-decoration: none!important;}
#container2 .element.box300 a:hover{
	opacity: 0.5 !important;/* 透過率0% */
	transition: 0.2s !important;/* 0.2秒アニメーション */
	-webkit-transition: 0.2s !important;}

#container2 .element.box390 {width:390px; height:390px;display:block!important;}
#container2 .element.box390 a{text-decoration: none!important;}
#container2 .element.box390 a:hover{
	opacity: 0.5 !important;/* 透過率0% */
	transition: 0.2s !important;/* 0.2秒アニメーション */
	-webkit-transition: 0.2s !important;}

#container2 .element.box413 {width:390px; height:413px;display:block!important;}
#container2 .element.box413 a{text-decoration: none!important;}
#container2 .element.box413 a:hover{
	opacity: 0.5 !important;/* 透過率0% */
	transition: 0.2s !important;/* 0.2秒アニメーション */
	-webkit-transition: 0.2s !important;}	

#container2 .element.box460 {width:390px; height:460px;display:block!important;}
#container2 .element.box460 a{text-decoration: none!important;}
#container2 .element.box460 a:hover{
	opacity: 0.5 !important;/* 透過率0% */
	transition: 0.2s !important;/* 0.2秒アニメーション */
	-webkit-transition: 0.2s !important;}

#container2 .element.box480 {width:390px; height:480px;display:block!important;}
#container2 .element.box480 a{text-decoration: none!important;}
#container2 .element.box480 a:hover{
	opacity: 0.5 !important;/* 透過率0% */
	transition: 0.2s !important;/* 0.2秒アニメーション */
	-webkit-transition: 0.2s !important;}

#container2 .element.box500 {width:390px; height:500px;display:block!important;}
#container2 .element.box500 a{text-decoration: none!important;}
#container2 .element.box500 a:hover{
	opacity: 0.5 !important;/* 透過率0% */
	transition: 0.2s !important;/* 0.2秒アニメーション */
	-webkit-transition: 0.2s !important;}

#container2 .element.box563 {width:390px; height:563px;display:block!important;}
#container2 .element.box563 a{text-decoration: none!important;}
#container2 .element.box563 a:hover{
	opacity: 0.5 !important;/* 透過率0% */
	transition: 0.2s !important;/* 0.2秒アニメーション */
	-webkit-transition: 0.2s !important;}

#container2 .element.box580 {width:390px; height:580px;display:block!important;}
#container2 .element.box580 a{text-decoration: none!important;}
#container2 .element.box580 a:hover{
	opacity: 0.5 !important;/* 透過率0% */
	transition: 0.2s !important;/* 0.2秒アニメーション */
	-webkit-transition: 0.2s !important;}

#container2 .element.box593 {width:390px; height:593px;display:block!important;}
#container2 .element.box593 a{text-decoration: none!important;}
#container2 .element.box593 a:hover{
	opacity: 0.5 !important;/* 透過率0% */
	transition: 0.2s !important;/* 0.2秒アニメーション */
	-webkit-transition: 0.2s !important;}

#container2 .element.box600 {width:390px; height:600px;display:block!important;}
#container2 .element.box600 a{text-decoration: none!important;}
#container2 .element.box600 a:hover{
	opacity: 0.5 !important;/* 透過率0% */
	transition: 0.2s !important;/* 0.2秒アニメーション */
	-webkit-transition: 0.2s !important;}


#container2 .element.box700 {width:390px; height:700px;display:block!important;}
#container2 .element.box700 a{text-decoration: none!important;}
#container2 .element.box700 a:hover{
	opacity: 0.5 !important;/* 透過率0% */
	transition: 0.2s !important;/* 0.2秒アニメーション */
	-webkit-transition: 0.2s !important;}


@media screen and (min-width:800px) and (max-width:1199px) {
    #container2 .element.box593 {width:320px; height:auto;display:block!important;}
    #container2 .element.box500 {width:320px; height:auto;display:block!important;}
    #container2 .element.box390 {width:320px; height:auto;display:block!important;}
    #container2 .element.box563 {width:320px; height:auto;display:block!important;}
    #container2 .element.box254 {width:320px; height:auto;display:block!important;}
    #container2 .element.box600 {width:320px; height:auto;display:block!important;}
	#container2 .element.box260 {width:320px; height:auto;display:block!important;}
	#container2 .element.box580 {width:320px; height:auto;display:block!important;}
	#container2 .element.box460 {width:320px; height:auto;display:block!important;}
	#container2 .element.box233 {width:320px; height:auto;display:block!important;}
	#container2 .element.box183 {width:320px; height:auto;display:block!important;}
	#container2 .element.box413 {width:320px; height:auto;display:block!important;}
	#container2 .element.box300 {width:320px; height:auto;display:block!important;}
	#container2 .element.box700 {width:320px; height:auto;display:block!important;}
	#container2 .element.box480 {width:320px; height:auto;display:block!important;}
}

@media screen and (min-width:600px) and (max-width:799px) {
    #container2 .element.box593 {width:250px; height:auto;display:block!important;}
    #container2 .element.box500 {width:250px; height:auto;display:block!important;}
    #container2 .element.box390 {width:250px; height:auto;display:block!important;}
    #container2 .element.box563 {width:250px; height:auto;display:block!important;}
    #container2 .element.box254 {width:250px; height:auto;display:block!important;}
    #container2 .element.box600 {width:250px; height:auto;display:block!important;}
	#container2 .element.box260 {width:250px; height:auto;display:block!important;}
	#container2 .element.box580 {width:250px; height:auto;display:block!important;}
	#container2 .element.box460 {width:250px; height:auto;display:block!important;}
	#container2 .element.box233 {width:250px; height:auto;display:block!important;}
	#container2 .element.box183 {width:250px; height:auto;display:block!important;}
	#container2 .element.box413 {width:250px; height:auto;display:block!important;}
	#container2 .element.box300 {width:250px; height:auto;display:block!important;}
	#container2 .element.box700 {width:250px; height:auto;display:block!important;}
	#container2 .element.box480 {width:250px; height:auto;display:block!important;}
}

@media screen and (min-width:412px) and (max-width:599px) {
    #container2 .element.box593 {width:180px; height:auto;display:block!important;}
    #container2 .element.box500 {width:180px; height:auto;display:block!important;}
    #container2 .element.box390 {width:180px; height:auto;display:block!important;}
    #container2 .element.box563 {width:180px; height:auto;display:block!important;}
    #container2 .element.box254 {width:180px; height:auto;display:block!important;}
    #container2 .element.box600 {width:180px; height:auto;display:block!important;}
	#container2 .element.box260 {width:180px; height:auto;display:block!important;}
	#container2 .element.box580 {width:180px; height:auto;display:block!important;}
	#container2 .element.box460 {width:180px; height:auto;display:block!important;}
	#container2 .element.box233 {width:180px; height:auto;display:block!important;}
	#container2 .element.box183 {width:180px; height:auto;display:block!important;}
	#container2 .element.box413 {width:180px; height:auto;display:block!important;}
	#container2 .element.box300 {width:180px; height:auto;display:block!important;}
	#container2 .element.box700 {width:180px; height:auto;display:block!important;}
	#container2 .element.box480 {width:180px; height:auto;display:block!important;}
}

@media screen and (min-width:280px) and (max-width:411px) {
    #container2 {margin: 0px auto;}
    #container2 .element.box593 {width:48%; height:auto;display:block!important;}
    #container2 .element.box500 {width:48%; height:auto;display:block!important;}
    #container2 .element.box390 {width:48%; height:auto;display:block!important;}
    #container2 .element.box563 {width:48%; height:auto;display:block!important;}
    #container2 .element.box254 {width:48%; height:auto;display:block!important;}
    #container2 .element.box600 {width:48%; height:auto;display:block!important;}
	#container2 .element.box260 {width:48%; height:auto;display:block!important;}
	#container2 .element.box580 {width:48%; height:auto;display:block!important;}
	#container2 .element.box460 {width:48%; height:auto;display:block!important;}
	#container2 .element.box233 {width:48%; height:auto;display:block!important;}
	#container2 .element.box183 {width:48%; height:auto;display:block!important;}
	#container2 .element.box413 {width:48%; height:auto;display:block!important;}
	#container2 .element.box300 {width:48%; height:auto;display:block!important;}
	#container2 .element.box700 {width:48%; height:auto;display:block!important;}
	#container2 .element.box480 {width:48%; height:auto;display:block!important;}
}


*, *:before, *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

/* 390x〜600px：
------------------------------ */
@media screen and (min-width:390px) and (max-width:600px) {



	#menubar .menutop{height:auto;float:left;margin:0 auto;padding:1em 1em;position: relative;font-size:1em;}
	#menubar .menutop a{display:block;color:#000000;text-align:center;text-decoration:none;}
	#menubar .menutop a:link {color:#000000;}
	#menubar .menutop a:visited {color:#000000;}
	#menubar .menutop a:active {color:#000000!important;opacity: 0.5 !important;}	
	#menubar .menutop:hover{
		opacity: 0.5 !important;/* 透過率50% */
		transition: 0.1s !important;/* 0.2秒アニメーション */
		-webkit-transition: 0.1s !important;}

}

#message_kai{width:100%;margin:3em auto 0 auto;color:#000000;}
#message_kai #message_1200{width:90%;margin:80px auto 0 auto;}
#message_kai .heading{display: inline-block;font-size:1.3em;font-weight:300!important;border-bottom: 1px solid #000000;padding:0 15px 2px 15px;margin:1em auto 2em auto;}

/* 600x〜824px：
------------------------------ */
@media screen and (min-width:600px) and (max-width:824px) {
	#menubar .menutop{height:auto;float:left;margin:0 auto;padding:1em 1.5em;position: relative;font-size:1.3em;}
	#menubar .menutop a{display:block;color:#000000;text-align:center;text-decoration:none;}
	#menubar .menutop a:link {color:#000000;}
	#menubar .menutop a:visited {color:#000000;}
	#menubar .menutop a:active {color:#000000!important;opacity: 0.5 !important;}	
	#menubar .menutop:hover{
		opacity: 0.5 !important;/* 透過率50% */
		transition: 0.1s !important;/* 0.2秒アニメーション */
		-webkit-transition: 0.1s !important;}



}

#message_kai{width:100%;margin:3em auto 0 auto;color:#000000;}
#message_kai #message_1200{width:500px;margin:80px auto 0 auto;}
#message_kai .heading{display: inline-block;font-size:1.3em;font-weight:300!important;border-bottom: 1px solid #000000;padding:0 15px 2px 15px;margin:1em auto 2em auto;}


/* 390x〜824px：
------------------------------ */
@media screen and (min-width:390px) and (max-width:824px) {

	#slide1200{width:90%;margin:50px auto 15px auto;}

	#message_kai{width:100%;color:#000000;text-align:center;}
	#message_kai #message_1200{width:90%;margin:80px auto 0 auto;}
	#message_kai .heading{display: inline-block;font-size:1.3em;font-weight:300!important;border-bottom: 1px solid #000000;padding:0 15px 2px 15px;margin:1em auto 2em auto;}
	#menubar{width:100%;height:auto;border-top:solid 0px #000000;border-bottom:solid 0px #000000;margin:30px 0;
		display: flex;flex-wrap: wrap;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;}

	#menubar #menutainer{margin:0 auto;}

	#menubar .menu300{width:50%;height:auto;float:left;margin:0 auto;padding:10px 0;position: relative;font-size:1.1em;}
	#menubar .menu300 a{display:block;color:#000000;text-align:center;text-decoration:none;}
	#menubar .menu300 a:link {color:#000000;}
	#menubar .menu300 a:visited {color:#000000;}
	#menubar .menu300 a:active {color:#000000!important;opacity: 0.5 !important;}	
	#menubar .menu_check{width:50%;height:auto;float:left;margin:0 auto;padding:10px 0;position: relative;font-size:1.3em;color:#000000;opacity: 0.5 !important;text-align:center;text-decoration:none;}
	#menubar .menu300:hover{
		opacity: 0.5 !important;/* 透過率50% */
		transition: 0.1s !important;/* 0.2秒アニメーション */
		-webkit-transition: 0.1s !important;}

	#container2{
		/*border: 1px solid #666; 確認用*/
		position:relative;margin:0px auto;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
        margin: 0px auto;} /*width指定しない*/

	.element { margin:0px 5px 15px 5px;float: left;overflow: hidden;position: relative;}

	/* collection.html---------- */
	#headcol{width:234px;height:31px;margin:20px auto;background:url("../ext/dx/pf2020img/logo_keen_20pf.html") no-repeat; }



}


.standard_content {
  width:90%;
 
}
.standard_inner {
  padding-top: 10px;
  display: flex;
	 
  justify-content: space-evenly;
	  width:80%;
}

@media screen and (max-width:768px) {
    .standard_inner {
        padding-top: 0px;
        flex-direction: column;
        width: 70%;
    }

    .rollover-transparent img {
        margin-bottom: 4em;
    }
}


/* 825px〜1199px：
------------------------------ */
@media screen and (min-width:825px) and (max-width:1199px) {
	#slide1200{width: 90%;margin:50px auto;}

	#menubar{width:100%;height:auto;border-top:solid 0px #000000;border-bottom:solid 0px #000000;margin:30px 0;
		display: flex;flex-wrap: wrap;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;}

	#menubar #menutainer{margin:0 auto;}

	#menubar .menu300{height:auto;float:left;margin:0 auto;padding:20px 20px;position: relative;font-size:1.1em;text-align:center;}
	/*#menubar .menu300 a{display:block;color:#000000;text-align:center;text-decoration:none;}*/
	#menubar .menu300 a:link {color:#000000;text-decoration: none;}
	#menubar .menu300 a:visited {color:#000000;}
	#menubar .menu300 a:active {color:#000000!important;opacity: 0.5 !important;}
	#menubar .menu300:hover{
		opacity: 0.5 !important;/* 透過率50% */
		transition: 0.1s !important;/* 0.2秒アニメーション */
		-webkit-transition: 0.1s !important;}

	/* ドロップダウンメニュー------- */
	.nav {background:#FFF;margin: 0 auto;padding: 0;display: flex;}
	.nav li {position: relative;list-style: none;}
	.nav li a {padding:20px 30px;
		display: block;
		text-align: center;
		color:#000000;
		font-size:1.1em;
		text-decoration: none;
		box-sizing: border-box;
	}
	.nav > li:hover > a {/*layer-1*/color: #000000;background: #FFFFFF;}
	.nav > li li:hover > a {/*layer-2*/color: #CCC;background: #FFFFFF;}
	.nav li ul {top: 66px;left: -70px;position: absolute;margin:0 0 0 -70px;}
	.nav li ul li {overflow: hidden;height: 0;transition: 0.2s;}
	.nav li ul li a {width:120%;
		height: 0;border-top: 1px solid #000000;
		border-left: 1px solid #000000; 
		border-right: 1px solid #000000;
		font-size: 12px;line-height:2px;}
	.nav li ul li:last-child a{border-bottom: 1px solid #000000;}	
	.nav li:hover > ul > li {overflow: visible;height: 40px;}
	.nav li ul li ul {top: 0;left: 110px;}
	.nav li ul li ul:before {/*layer-2▷*/position: absolute;content: "";top: 15px;left: 30px;border: 5px solid transparent;border-left: 1px solid #fff;}
	.nav li ul li ul li:hover > a {/*layer-3*/color: #CCC;}
	.nav li ul li ul.left {top: 0;left: -190px;}
	.nav li ul li ul.left:before,/*layer-2-left▷*/
	.nav li ul li ul li ul.left:before {/*layer-3-left▷*/position: absolute;content: "";top: 15px;left: 190px;border: 5px solid transparent;border-right: 5px solid #fff;}
	.nav li ul li ul.left li:hover > a {/*layer-2-left*/color: #CCC;background: #FFFFFF;}
	.nav li ul li ul li ul.left li:hover > a {/*layer-3-left*/color: purple;background: #FFFFFF;}
	/* ドロップダウンメニューここまで------- */

	#menubar .menutop{height:auto;float:left;margin:0 auto;padding:1em 1.5em;position: relative;font-size:1.3em;}
	#menubar .menutop a{display:block;color:#000000;text-align:center;text-decoration:none;}
	#menubar .menutop a:link {color:#000000;}
	#menubar .menutop a:visited {color:#000000;}
	#menubar .menutop a:active {color:#000000!important;opacity: 0.5 !important;}	
	#menubar .menutop:hover{
		opacity: 0.5 !important;/* 透過率50% */
		transition: 0.1s !important;/* 0.2秒アニメーション */
		-webkit-transition: 0.1s !important;}
	#menubar .menu_check{height:auto;float:left;margin:0 auto;padding:20px 30px;position: relative;font-size:1.3em;color:#000000;opacity: 0.5 !important;text-align:center;text-decoration:none;}


	#message_kai{width:100%;color:#000000;text-align:center;}
	#message_kai #message_1200{width:800px;margin:80px auto 0 auto;}
	#message_kai .heading{display: inline-block;font-size:1.3em;font-weight:300!important;border-bottom: 1px solid #000000;padding:0 15px 2px 15px;margin:1em auto 2em auto;}

	#container2{
		/*border: 1px solid #666; 確認用*/
		position:relative;margin:0px auto;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;} /*width指定しない*/

	.element { margin:0px 5px 15px 5px;float: left;overflow: hidden;position: relative;}

	#ggmapcont{width:600px;margin:30px auto;}	
	#ggmapcont.ggmap {position: relative;padding-bottom: 56.25%;padding-top: 30px;margin:30px auto;height: 0;width:100%;overflow: hidden;}
	#ggmapcont.ggmap iframe,
	#ggmapcont.ggmap object,
	#ggmapcont.ggmap embed {
		position: absolute;
		top: 0;left: 0;width: 100%;height: 70%;}


	/* collection.html---------- */
	#headcol{width:605px;height:80px;margin:30px auto;background:url("../ext/dx/pf2020img/logo_keen_20pf.html") no-repeat; }


}

/* 1200px〜：
------------------------------ */
@media screen and (min-width:1200px) {

	/* ドロップダウンメニュー------- */
	.nav {background:#FFF;margin: 0 auto;padding: 0;display: flex;}
	.nav li {position: relative;list-style: none;}
	.nav li a {padding:20px 30px;
		display: block;
		text-align: center;
		color:#000000;
		font-size:1.3em;
		text-decoration: none;
		box-sizing: border-box;
	}

	.nav > li:hover > a {/*layer-1*/color: #000000;background: #FFFFFF;}
	.nav > li li:hover > a {/*layer-2*/color: #CCC;background: #FFFFFF;}
	.nav li ul {top: 70px;left: -40px;position: absolute;margin:0 0 0 -65px;}
	.nav li ul li {overflow: hidden;height: 0;transition: 0.2s;}
	.nav li ul li a {width:110%;
		height: 0;
		border-top: 1px solid #000000;
		border-left: 1px solid #000000; 
		border-right: 1px solid #000000;
		font-size: 12px;
		line-height:2px;}
	.nav li ul li:last-child a{border-bottom: 1px solid #000000;}	
	.nav li:hover > ul > li {overflow: visible;height: 40px;}
	.nav li ul li ul {top: 0;left: 110px;}
	.nav li ul li ul:before {/*layer-2▷*/position: absolute;content: "";top: 15px;left: 30px;border: 5px solid transparent;border-left: 1px solid #fff;}
	.nav li ul li ul li:hover > a {/*layer-3*/color: #CCC;}
	.nav li ul li ul.left {top: 0;left: -190px;}
	.nav li ul li ul.left:before,/*layer-2-left▷*/
	.nav li ul li ul li ul.left:before {/*layer-3-left▷*/position: absolute;content: "";top: 15px;left: 190px;border: 5px solid transparent;border-right: 5px solid #fff;}
	.nav li ul li ul.left li:hover > a {/*layer-2-left*/color: #CCC;background: #FFFFFF;}
	.nav li ul li ul li ul.left li:hover > a {/*layer-3-left*/color: purple;background: #FFFFFF;}
	/* ドロップダウンメニューここまで------- */



	#menubar{width:100%;height:auto;border-top:solid 0px #000000;border-bottom:solid 0px #000000;margin:30px 0;
		display: flex;flex-wrap: wrap;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;}

	#menubar #menutainer{margin:0 auto;}

	#menubar .menu300{height:auto;float:left;margin:0 auto;padding:20px 30px;position: relative;font-size:1.3em;text-align:center}
	/*#menubar .menu300 a{display:block;color:#000000;text-align:center;text-decoration:none;}*/
	#menubar .menu300 a:link {color:#000000;text-decoration: none;}
	#menubar .menu300 a:visited {color:#000000;}
	#menubar .menu300 a:active {color:#000000!important;opacity: 0.5 !important;}
	#menubar .menu300:hover{
		opacity: 0.5 !important;/* 透過率50% */
		transition: 0.1s !important;/* 0.2秒アニメーション */
		-webkit-transition: 0.1s !important;}

	#menubar .menu_check{height:auto;float:left;margin:0 auto;padding:20px 30px;position: relative;font-size:1.3em;color:#000000;opacity: 0.5 !important;text-align:center;text-decoration:none;}

	#menubar .menutop{height:auto;float:left;margin:0 auto;padding:1em 1.5em;position: relative;font-size:1.3em;}
	#menubar .menutop a{display:block;color:#000000;text-align:center;text-decoration:none;}
	#menubar .menutop a:link {color:#000000;}
	#menubar .menutop a:visited {color:#000000;}
	#menubar .menutop a:active {color:#000000!important;opacity: 0.5 !important;}	
	#menubar .menutop:hover{
		opacity: 0.5 !important;/* 透過率50% */
		transition: 0.1s !important;/* 0.2秒アニメーション */
		-webkit-transition: 0.1s !important;}




	#container2{
		/*border: 1px solid #666; 確認用*/
		position:relative;margin:0px auto;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;} /*width指定しない*/

	#container2 #collect{margin-left:-45px;}
	#container2 #collect a:hover,
	#container2 #collect a:focus { outline: none; }
	#container2 .element {margin:0px 7.5px 15px 7.5px;float: left;overflow: hidden;position: relative;}

	#about_kai{width:1100px;margin:150px auto 0 auto;padding:50px 15px;border:solid 1px #000000;text-align:center;color:#000000;}
	#about_kai .heading{display: inline-block;font-size:1.3em;font-weight:300!important;border-bottom: 1px solid #000000;padding:0 15px 2px 15px;margin-bottom:50px;}
	#about_kai p{margin:0 auto;}


	#produce_privilege{width:100%;color:#000000;text-align:center;margin:200px 0;}
	#produce_privilege .heading{display: inline-block;font-size:1.3em!important;font-weight:300!important;border-bottom: 1px solid #000000;padding:0 15px 2px 15px;margin:1em auto 2em auto;}
	#produce_privilege p{margin:10px;}


	#produce_kai{width:100%;color:#000000;text-align:center;}
	#produce_kai #produce_1200{width:1200px;margin:80px auto 50px auto;}
	#produce_kai .heading{display: inline-block;font-size:1.3em;font-weight:300!important;border-bottom: 1px solid #000000;padding:0 15px 2px 15px;margin:1em auto 2em auto;}
	#produce_kai .Reservation{width:100%;padding:15px;text-align:left;  }
	
	

	#produce_kai ul.listtest3 {
		margin:0;display: flex;flex-wrap: wrap;width: 100%;height:auto!important;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;}

	#produce_kai ul.listtest3 img{width:100%;transition-duration: 0.3s;vertical-align: bottom;}
	#produce_kai ul .imgkeen{
		width:calc(100% / 3);
		width : 33.33333% ;
		width: -moz-calc(100% / 3);
		width: -webkit-calc(100% / 3);
		height:auto;background:#CCC;list-style: none;position:relative;}

	

	
	#message_kai{width:100%;color:#000000;text-align:center;}
	#message_kai #message_1200{width:800px;margin:80px auto 0 auto;}
	#message_kai .heading{display: inline-block;font-size:1.3em;font-weight:300!important;border-bottom: 1px solid #000000;padding:0 15px 2px 15px;margin:1em auto 2em auto;}


	#ggmapcont{width:600px;margin:30px auto;}
	#ggmapcont.ggmap {position: relative;padding-bottom: 56.25%;padding-top: 30px;margin:30px auto;height: 0;width:100%;overflow: hidden;}
	#ggmapcont.ggmap iframe,
	#ggmapcont.ggmap object,
	#ggmapcont.ggmap embed {
		position: absolute;
		top: 0;left: 0;width:100%;height: 70%;}

	/* collection.html---------- */
	#headcol{width:605px;height:80px;margin:30px auto;background:url("../ext/dx/pf2020img/logo_keen_20pf.html")no-repeat; }


}





/**** Transitions ****/

.transitions-enabled.masonry,
.transitions-enabled.masonry .masonry-brick {
	-webkit-transition-duration: 0.7s;
	-moz-transition-duration: 0.7s;
	-o-transition-duration: 0.7s;
	transition-duration: 0.7s;
}

.transitions-enabled.masonry {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width;
}

.transitions-enabled.masonry  .masonry-brick {
	-webkit-transition-property: left, right, top;
	-moz-transition-property: left, right, top;
	-o-transition-property: left, right, top;
	transition-property: left, right, top;
}


/* disable transitions on container */
.transitions-enabled.infinite-scroll.masonry {
	-webkit-transition-property: none;
	-moz-transition-property: none;
	-o-transition-property: none;
	transition-property: none;
}

@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('../../assets/images/commons/keen_logo_header.svg') no-repeat 0 0 / 100% auto;
}

#sd21ex header .logo a {
	
    display: block;
    background: url('../../assets/images/commons/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('../../assets/images/commons/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%;
    }
}