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

html, body, div, span, h1, h2, h3, h4, h5, h6, p, img, dl, dd, dt, ol, ul, li {
	margin: 0;
	padding: 0;
	font-size:100%;
}

img {border:none;}
a {outline: none;text-decoration: none;}
li {list-style: none;}

#wrap {
	width:800px;
	margin: 0 auto;
	padding-bottom: 15px;
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

h1 {
	width:581px;
	height:160px;
	margin:0 auto;
}

h1 img {
	padding:50px 0 16px;
	line-height:1;
}

p, a, h1, h2, h3, h4, h5, h6 {color: #333;}

#nav, h1, h2, h3, h4, h5, h6, .map, .blog, #footer, .link_info a, .concept_en {font-family: 'Open Sans', sans-serif;}

h2 {font-weight:700;}

#nav, .basic_kategorie h3, .map, .blog, .link h3, .area h3 {font-weight:600;}

#footer, .link_info a, .concept_en {font-weight:300;}

#season li, .basic li, .colortip li, .area li, .map, .blog, .link, .link_info {
	display:inline-block;
	/display:inline;
	/zoom:1;
}

/*navi*/
#nav{
	max-width: 1080px;
    margin-left: -100px;
    margin-right: -100px;
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
}

#nav li{
	  position: relative;
	  /*width: 99px;*/
	  float: left;
}

#nav li a{
	display: block;
	padding: 14px;
	color: #333;
	font-size: 13px;
	line-height: 1;
	letter-spacing:0.3px;
}

#nav li ul{
	  position: absolute;
	  top: 100%;
	  left: 0;
	  margin: 0;
	  padding: 0;
	}

#nav li:last-child ul{
/* 	  left: -100%; */
	  width: 100%
}

#nav li ul li{
	overflow: hidden;
	height: 0;
	color: #fff;
	z-index:100;
}

#nav li ul li a{
	width: 200px;
	padding: 13px 15px;
	background: #f0f0f0;
	text-align: left;
	font-size: 12px;
	box-sizing: border-box;
}

#nav li:hover ul li{
	overflow: visible;
	height: 38px;
}

#menu1 {
/* 	width:58px; */
	text-align: left;
	}
#menu2 {
/* 	width:66px; */
	text-align: center;
	}
#menu3 {
/* 	width:72px; */
	text-align: center;
	}
#menu4 {
/* 	width:130px; */
	text-align: center;
	}
#menu5 {
/* 	width:98px; */
	text-align: center;
	}
#menu6 {
/* 	width:118px; */
	text-align: center;
	}
#menu7 {
/* 	width:72px; */
	text-align: center;
	}
#menu8 {
/* 	width:108px; */
	text-align: center;
	}
#menu9 {
/* 	width:42px; */
	text-align: right;
	font-weight: normal;
	}
#menu10 {
/* 	width:34px; */
	font-weight: normal;
}
.shop_text::after {
    content: "＊定休日などの最新のお知らせはこちらをご覧ください。";
    display: block;
    font-size: 10px;
    padding: 0 14px 10px 12px;
    line-height: 1.2;
    background: #f0f0f0;
    color: #383838;
}

.fab {
    font-family: Font Awesome\ 5 Brands;
}

/*top*/

#top_img {
	display:none;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
/* 	margin-left: calc(((100vw - 100%) / 2) * -1);
	margin-right: calc(((100vw - 100%) / 2) * -1);
	padding: 0 calc((100vw - 100%) / 2); */
}

#top_img a {
	display: block;
}

#top-korona{
	background-color: #fff4f4;
	padding: 0.95em;
    border-radius: 5px;
	margin: 0em 0em 1.3em 0em;
}

#top-p-korona{
	text-align: center;
	font-size: 1.03em;
	text-decoration: underline;
}

/*season & basic*/

.basic_kategorie {
	font-size:13px;
	margin:20px 0 50px 0;
	}

#season, .basic {margin-top:25px;}

.basic_kategorie h3 {
	font-size:18px;
	margin-left:10px;
	}

#season li img{
    width: 265px;
    height: 100%;
}

#season li, .basic li, .colortip li{margin-bottom:10px;}

.colortip li {margin-right:15px;}

.colortip li img {
	margin-right:5px;
	vertical-align:middle;
	}

.colortip {margin-left:10px;}

.note {
	margin-top: 2em;
	font-size: 95%;
}

.itemcaption {
    padding:7px 10px;
    color:#fff; !important;
    background:#007ca4;/*#e62739;*/
    text-shadow:none;
    border-radius: 3px;
    }

/*concept*/

.brand {padding:25px;}

.brand h2 {
	margin-bottom:10px;
	font-size:22px;
	}

.brand p {
	font-size:14px;
	margin-bottom:1em;
	}
	
.brand .concept_en {font-size:13px;}
	
/*shop and blog*/

.area li {
	margin:80px 0;
	width:200px;
	text-align:center;
	} 

.area p {
	font-size: 12px;
	margin-bottom:0.5em;
	margin-top:5px;
	}

.map, .blog {
	padding:2px 10px;
	background-color:#eee;
	border-radius:3px;
	}

/*link*/

.link {
	width:400px;
	margin:50px 0 20px;
	}	

.link h3, .area h3 {
	margin-bottom:5px;
	font-size:18px;
	}
	
.link_info {
	vertical-align:top;
	margin-left:10px;
	}
	
.link_info p, .link_info a, .map, .blog {
	font-size: 12px;
	margin-bottom:0.5em;
	}

/*footer*/

#footer {
	clear:both;
	text-align: center;
	padding-top:40px;
	padding-bottom:30px;
	font-size: 10px;
	}

#footer, .link_info a, .concept_en {
	letter-spacing:0.5px;
	color:#a0a0a0;
	}
	
html{
	margin-bottom:1px;
    height:100%;
	overflow-y:scroll;
	}