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

/*ベースの要素の設定をリセット*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,p,blockquote,th,td {
margin:0;
padding:0;
}

/*画像の枠線をクリアして位置の初期値の設定*/
img{
border:0;
vertical-align: bottom;
}

/*リンク時の枠の点線をなしにする*/
a{
outline: none;
}

/*リスト要素の初期値をリセット*/
ul,ol{
list-style: none;
}

/*フロート解除用のハック*/
/*clearfixの設定*/
.clearfix:after{  
display: block;/*block要素にする*/
content: " ";  
clear: both;  
}  

.article{
width: 80%;
margin: 0 10%;
height: auto;
white-space:normal;
text-align:center;
}

.article p{
font-size: 1em;
border-bottom: none;
margin-bottom: 1%;
}

.article img{
width: 80%;
height: auto;
margin: 0 10% 1%;
max-width: 540px;
}



.article a{
font-size: 1.075em;
}

h2.ttl{
width: 40%;
margin: 2% 30% 2%;
text-align: center;
font-size: 1.5em;
display: block;
border-bottom: 1px solid rgba(89,77,60,1.00);
padding-bottom: 0.5%;
}

@media screen and (max-width: 1440px) {

.article{
}

}

@media screen and (max-width: 1024px) {

}



@media screen and (max-width: 768px) {

.article{
width: 100%;
margin: 0;
float: left;
}
}

@media screen and (max-width: 480px) {


}