@charset "UTF-8" ;

/*このページのみ、目次と画像の間を調整*/
body{
margin-top: 50px;
}


/*段落（左右カラムのくくり）*/
.abouts{
width:100%;
margin: 25px auto;
}

.abouts:after{
content: "";
display: block;
clear: both;
}


/*段落（1カラムくくり文章）*/
.abouts-one{
text-align: 100%;
margin: 0 auto;
margin-bottom: 30px;
}

.abouts-one:after{
content: "";
display: block;
clear: both;
}

.abouts-one p{
font-size: 16px;
padding: 0 20px;
font-family: serif;
text-align: center;
line-height: 1.7em;
}

/*左右カラム-ビール説明*/
.abouts-left{
float: left;
text-align: center;
width: 50%;
}

.abouts-left:after{
content: "";
display: block;
clear: both;
}

.abouts-right{
float: right;
text-align: center;
width: 50%;
}

.abouts-right:after{
content: "";
display: block;
clear: both;
}

/*ビール説明の中身*/
.abouts-in{
width:100%;
margin: 0 auto;
}

.abouts-in h1{
font-size: 30px;
font-family: serif;
padding: 15px 20px 0px;
margin: 0 5px 0;
}

.abouts-in p{
font-size: 16px;
padding: 0 20px;
font-family: serif;
}

.abouts-in img{
width: 100%;
}


/*-------------------------
横幅767以上
-------------------------*/
@media(min-width:767px){


}

/*-------------------------
横幅767以下
-------------------------*/
@media(max-width:767px){

.abouts-in h1{
font-size: 25px;
}

.abouts-left,.abouts-right{
width: 100%;
}

.abouts-in p,.abouts-in p{
padding: 0 20px;
}


}