@charset "utf-8";
/* CSS Document */
.tasting {
/*min-width: 1200px;
max-width: 1280px !important;
margin: 20px auto 100px auto;
padding: 0 60px;*/
font-size:16px;
background: #F4EAED;
padding-bottom: 60px;
}

.tasting #FirstView {
    padding: 50px 0 0 0;
    background: #F4EAED;
}

.tasting .inner figure {
margin-bottom: 30px;
}

.tasting .mainBox {
    background: #F4EAED;
}
.tasting #main {
    min-width: 1080px;
    max-width: 1160px !important;
    margin: 40px auto 100px auto;
    font-size: 20px;
    background: #fff;
    padding: 0;
}

.tasting .inBox {
display: flex;
justify-content: space-between;
align-items: flex-start;
padding:60px;
}

.tasting .inBox:nth-child(1) {
padding-top: 120px;
}

.tasting .inBox:nth-child(4) {
/*padding-bottom: 120px;*/
}

.tasting .reverse {
flex-direction: row-reverse;
}

.tasting .inBox p {
width: 52%;
font-size:15px;
}

.tasting .inBox figure {
width: 42%;
}

.tasting .inBox figure img {
width: 100%;
}

span.hPen {
    background: linear-gradient(rgba(242, 210, 209, 0.05), rgba(242, 210, 209, 1));
}

@media (max-width: 767px) {
.tasting {
padding:0;
}

.tasting #navi_box {
        min-width: 100%;
        max-width: 100% !important;
        padding:20px;
        padding-top: 0px !important;
        margin-top: 20px;
    }

.tasting #main {
    min-width: 100%;
    max-width: 100% !important;
    padding:0;
    font-size: 16px;
}

.tasting .inBox {
display:block;
padding: 6%;
}

.tasting .inBox:nth-child(1) {
padding-top:10%;
}

.tasting .inBox:nth-child(4) {
padding-bottom:5%;
}

.tasting .inBox p {
    width:100%;
    margin-bottom: 40px;
}

.tasting .inBox figure {
    width:100%;
    margin-bottom: 30px;
}

}