@charset "utf-8";

/* mobile----------------------------------------------------*/
@media screen and (max-width: 480px) {
.top_title{
    margin: 20px auto;
    font-size: 1.6em;
    padding-bottom: 5px;
    color: #663300;
     font-family:serif;
     font-weight: bold;
    border-bottom:thin solid #ccc;
}

.contents_l{
    width: 96%;
    height: auto;
    padding: 2%;
}
.telop{
    width: 100%;
    margin: 40px auto 0 auto;
}
.lead figure{
    width: 300px;
    margin:0 auto;
}

.size_s{
       width: 150px !important;

}

.lead figure img{
    width: 100%;
}

.contents_r{
    width: 96%;
    height: auto;
    margin: 20px auto 0;
}

.banner_r{
    margin-bottom: 20px;
    text-align: center;
}

.twitter{
    height: 96%;
    overflow-y:scroll
    margin:20px auto;
}

.horioutci{
    width: 96%;
    height: auto;
    margin: 0 auto;
}
.horioutci img{width: 100%;}

}/* Tablet---------------------------------------------------*/
@media (min-width: 481px) and (max-width: 768px) {

.top_title{
    margin: 20px auto;
    font-size: 1.6em;
    padding-bottom: 5px;
    color: #663300;
     font-family:serif;
     font-weight: bold;
    border-bottom:thin solid #ccc;
}

.contents_l{
    width: 96%;
    height: auto;
    padding: 2%;
}
.telop{
    width: 100%;
    margin: 40px auto 0 auto;
}
.lead figure{
    width: 200px;
}

.lead figure img{
    width: 100%;
}

.contents_r{
    width: 96%;
    height: auto;
    margin: 20px auto 0;
}

.banner_r{
    margin-bottom: 20px;
    text-align: center;
}

.twitter{
    height: 96%;
    overflow-y:scroll
    margin:20px auto;
}

.horioutci{
    width: 96%;
    height: auto;
    margin: 0 auto;
}
.horioutci img{width: 100%;}



}/* PC-------------------------------------------------------*/
@media screen and (min-width: 769px) {


.top_title{
    margin: 20px auto;
    font-size: 160%;
    padding-bottom: 5px;
    color: #663300;
     font-family:serif;
    border-bottom:thin solid #ccc;
}

.contents_l{
    width: 740px;
    height: auto;
    padding-left: 40px;
    float: left;
}

.lead{
    font-size: 14px;
    line-height: 24px;
    padding-left: 20px;
}

.lead figure{
    width: 300px;
}

.size_s{
       width: 150px !important;

}

.lead figure img{
    width: 100%;
}

.contents_r{
    width: 200px;
    height: auto;
    float: right;
    padding-right: 60px;
    margin-top: 20px;
}

.telop{
    width: 1000px;
    margin: 40px auto 0 auto;
}

.banner_r{
    margin-bottom: 20px;
}

.twitter{
    height: 300px;
    overflow-y:scroll;
}
.horioutci{
    width: 380px;
    height: auto;
}
.horioutci img{width: 100%;}

.news{
    color: #333 !important;
}

.news a{
    color: #333 !important;
}

#news-list ul{
    list-style: none;
}
  
}