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

.pc{
display: block;
}

.sp {
display: none;
}

.content_row2 {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
}

.content_row2 figure {
    width: 34%;
}

.content_row2 div {
    width: 59%;
}

.content_row2.content_rowR {
    flex-direction: row;
}

.boxProfile{
    margin:2em 0;
    position: relative;
    padding: 0.5em 1.5em;
    border-top: solid 2px black;
    border-bottom: solid 2px black;
}
.boxProfile:before, .boxProfile:after{
    content: '';
    position: absolute;
    top: -10px;
    width: 2px;
    height: -webkit-calc(100% + 20px);
    height: calc(100% + 20px);
    background-color: black;
}

.boxProfile:before {left: 10px;}
.boxProfile:after {right: 10px;}
.boxProfile p {
    margin: 0; 
    padding: 0;
}

.boxProfileIn {
padding: 20px 70px;
}

.boxProfileIn p {
margin-bottom: 30px;
text-align: center;
border-bottom: 1px solid #000;
padding-bottom: 10px;
}

.ksProfile {
display: flex;
justify-content:space-between;
flex-direction:row-reverse;
align-items:center;
}

.ksProfile dl {
width: 66%;
}

.ksProfile dl dt {
padding-left: 0;
}

.ksProfile img {
width: 30%;
height: auto;
}

dl.wineBox {
    font-size: 16px;
    line-height: 2;
}

.ksProfile dl dt {
    padding-left: 0;
    margin-bottom: 20px;
}

span.lineP {
    background: linear-gradient(transparent 70%, rgba(252, 179, 179, 0.4) 70%);
}

.matome {
    padding: 0 30px;
    border: 1px solid #fcb3b3;
    background:#FAE0D9;
}

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

.sp {
display: block;
}

.boxProfileIn {
    padding: 20px;
}

.ksProfile {
        display: block;
}

.ksProfile img {
width: 80%;
height: auto;
margin: 0px auto 30px auto;
}
    
.ksProfile dl {
width: 100%;
}  

.content_row2 div {
    width:100%;
}

.content_row2 {
display: block;
}

.content_row2 figure {
    width:80%;
    margin: 20px auto;
}

}

