@charset "UTF-8";
body {
	line-height: 1.8em;
}
.natural {
	padding-left: 2em;
	text-indent: -1.4em;
	line-height: 1.6em;
	font-size: 80%;
}
.wineList {
	line-height: 1.6em;
	font-size: 80%;
}
/* TabArea -------------------------- */
input {
    display: none;
    background: #f3f3f3;
    padding: 5px 25px 0 25px;
    min-width:  auto;
}
.content {
    display: none;
    background: #f3f3f3;
    line-height: 1.8em;
    padding: 15px 15px;
    min-width: 200px;
	border-radius: 0 5px 5px 5px;
}


#one:checked ~ .one,
#two:checked ~ .two,
#three:checked ~ .three,
#four:checked ~ .four,
#five:checked ~ .five,
#six:checked ~ .six
 {display: block;}
 
label:hover, input:checked + label {background: #f3f3f3;}
 
/* ExtraSmall devices (tablets, 767px and down) */
@media (max-width: 767px) {
	.title-top {
	padding: 5% 0 8% 0;
}
.winelist-box1 {
	width: 99%;
	float: none;
	padding: 10px;
}
.winelist-box2 {
	width: 99%;
	float: none;
	padding: 10px;
}
dl { margin: 0 0 2em 0; }
dt {
	float: left;
	clear: both;
	width: auto;
}
dd {
	margin: 2% 0 0 3%;
	text-align: right;
}
/* Tab -------------------------- */
label {
    cursor: pointer;
	border-radius: 0;
    background: #e5e5e5;
    min-height: 25px;
    padding: 8px 15px 0 15px;
    display: inline-block;
    text-align: center;
    color: #333;
    margin: 0 -3px -6px 0;
    transition: background .25s linear;
	line-height: 1em;
	width:23%;
}
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.title-top {
	padding: 5% 0 1% 0;
}
.winelist-box1 {
	width: 45%;
	float: left;
	padding: 10px;
}
.winelist-box2 {
	width: 45%;
	float: right;
	padding: 10px;
}
dl { margin: 0 0 3em 0; }
dt {
	float: left;
	clear: both;
	width: 70%;
}
dd {
	margin: 0 0 0 25%;
	text-align: right;
}
/* Tab -------------------------- */
label {
    cursor: pointer;
	border-radius: 3px 3px 0 0;
    background: #e5e5e5;
    min-height: 30px;
    padding: 8px 15px 0 15px;
    display: inline-block;
    text-align: center;
    color: #333;
    margin: 0 -3px -7px 0;
    transition: background .25s linear;
	line-height: 1em;
	width:12%;
}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.title-top {
	padding: 5% 0 3% 0;
}
.winelist-box1 {
	width: 45%;
	float: left;
	padding: 10px;
}
.winelist-box2 {
	width: 45%;
	float: right;
	padding: 10px;
}
dl { margin: 0 0 4em 0; }
dt {
	float: left;
	clear: both;
	width: 75%;
}
dd {
	margin: 0;
	text-align: right;
	/*white-space: nowrap;*/
}

/* Tab -------------------------- */
label {
	cursor: pointer;
	border-radius: 3px 3px 0 0;
	background: #e5e5e5;
	min-height: 30px;
	padding: 8px 15px 3px 15px;
	display: inline-block;
	text-align: center;
	color: #333;
	margin: 0 -3px -7px 0;
	transition: background .25s linear;
	line-height: 0em;
	width: auto;
}
}
.mb0 {
	margin-bottom: 1em;
}