@charset "UTF-8";


/*==================================================================================

info

==================================================================================*/
#info article{
    border-bottom : 1px #ddd solid;
    padding : 10px 0 ;
}

.body h3{
    color :#003366 ;
    padding : 10px 0 ;
}

.body h3 a{
    color :#003366 ;
    text-decoration : none ;
    padding-left : 10px ;
	background: url(./../../images/arrow.png) left 6px no-repeat;
}

.body h3.arrow{
    color :#003366 ;
    text-decoration : none ;
    padding-left : 10px ;
	background: url(./../../images/arrow.png) left 21px no-repeat;
}

.body h3 a:hover {
    color : #000 ;
    text-decoration: underline;
}


.badge{
    font-size : 80% ;
    color :#fff ;
	background: #f66;
    padding : 5px 0 0 5px ;
    display : inline-block ;

}

.badge span{
    padding-right : 5px;
}

ul.list li img{
max-width:160px;
height:auto;
}

.sp{
display:none;
}

ul.list li{
float:left;
}
ul.list li.p{
width:70%;
}
ul.list li.img{
width:30%;
}


/*==================================================================================

media queries

==================================================================================*/

/* W < 960
================================================== */
@media only screen and (max-width: 960px) {





}

/* W < 700
================================================== */
@media only screen and (max-width: 700px) {


.sp{
display:block;
}




}

/* 700 < W < 960
================================================== */
@media only screen and (min-width: 700px) and (max-width: 960px) {




}

/* 400 < W < 700
================================================== */
@media only screen and (min-width: 400px) and  (max-width: 700px) {

ul.list li{
float:none;
}
ul.list li.p{
width:100%;
}
ul.list li.img{
width:100%;
}
}

/*  W < 400
================================================== */
@media only screen and  (max-width: 400px) {

ul.list li{
float:none;
}
ul.list li.p{
width:100%;
}
ul.list li.img{
width:100%;
}
}
