@charset "utf-8";

/* ========================================================
	index.css => index
======================================================== */


#indexMain .slick-list {
background-color: rgb(63,31,42,0.2);
}

#indexMain .main01 {
    background-image: url(../images/main01.jpg);
}
#indexMain .main02 {
    background-image: url(../images/main02.jpg);
}
#indexMain .main03 {
    background-image: url(../images/main03.jpg);
}
#indexMain .main04 {
    background-image: url(../images/main04.jpg);
}
#indexMain .main05 {
    background-image: url(../images/main05.jpg);
}
#indexMain .main06 {
    background-image: url(../images/main06.jpg);
}
#indexMain .main07 {
    background-image: url(../images/main07.jpg);
}

.basic_section {
    position: relative;
    padding: 50px 0 120px;
}

.topics_section .tab a {
    background-color: #fff;
    border: 1px solid #d9d9d9 ;
}
.topics_section .tab a:hover {
    color: #cfab53;
        background-color: #f9f9f9;
}
.topics_section .tab a.winecolor:hover {
    color: #633142;
            background-color: #f9f9f9;
}
.topics_section .tab a.current {
    background-color: #cfab53;
    color: #fff!important;
}
.topics_section .tab a::after {
    position: absolute;
    left: 50%;
    bottom: -7px;
    margin-left: -7px;
    border-style: solid;
    border-width: 7px 7px 0;
    border-color: #cfab53 transparent transparent;
    -webkit-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    -o-transform: translateY(-4px);
    transform: translateY(-4px);
    opacity: 0;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.topics_section .tab a.winecolor::after {
    border-color: #633142 transparent transparent;
}
.topics_section .tab a.current.winecolor {
    background-color: #633142;
    color: #fff!important;
}

.winebox ul,
.cheesebox ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.winebox ul li,
.cheesebox ul li {
    width: calc(100%/3);
    padding: 10px 15px 20px 15px;
    margin-bottom: 20px;
    border-bottom: 1px dotted #ccc;
}
.winebox ul li a,
.cheesebox ul li a {
    display: block;
    text-decoration: none;
    background-color: #fff;
}
.winebox ul li a:hover,
.cheesebox ul li a:hover {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
.winebox ul li a span,
.cheesebox ul li a span {
    display: block;
    text-align: center;
}
.winebox ul li a span.name,
.cheesebox ul li a span.name {
    font-weight: 900;
}
.winebox ul li a span.number {
    background-color: #633142;
    color: #fff;
}
.cheesebox ul li a span.number {
    background-color: #cfab53;
    color: #fff;
}
.winebox ul li a span img,
.cheesebox ul li a span img{
    width: 100%;
}
@media screen and (min-width: 769px) {
 
}
@media screen and (max-width: 768px) {
 
.winebox ul,
.cheesebox ul {
    display: block;
}
.winebox ul li,
.cheesebox ul li {
    width: 98%;
    padding: 10px auto 20px auto;
    margin-bottom: 20px;
    border-bottom: 1px dotted #ccc;
}
.winebox ul li a,
.cheesebox ul li a {
    display: block;
    text-decoration: none;
    background-color: #fff;
}
.winebox ul li a:hover,
.cheesebox ul li a:hover {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
.winebox ul li a span,
.cheesebox ul li a span {
    display: block;
    text-align: center;
}
.winebox ul li a span.number {
    background-color: #633142;
    color: #fff;
}
.cheesebox ul li a span.number {
    background-color: #cfab53;
    color: #fff;
}
.winebox ul li a span img,
.cheesebox ul li a span img{
    width: 100%;
}
.ambush-link, .slick_sp {
    opacity: 1;
}
.topics_section .tab li {
    width: 49.9%;
    margin-bottom: 10px;
}
}