.mediaList {
	margin:0 -10px;
}
.mediaList li{
	padding:0 10px;
        box-sizing:border-box;
        float:left;
}

#mediaArea{
	margin:0 -10px;
}

#mediaArea .box{
	float:left;
        padding:0 10px;
        box-sizing:border-box;
        width:50%;
        margin:0 0 20px;
}

#mediaArea .box a{
    border: 2px solid #F4F2F3;
    padding:10px;
    display:block;
}

#mediaArea .box .tl{
    font-size:16px;
    font-size:1.6rem;
    font-weight:bold;
}


#mediaArea .box .ph{
    float:left;
    width:100px;
    font-size:12px;
    font-size:1.2rem;
}
#mediaArea .box .ph img{
    width:100px;
    height:auto;
    margin:0 0 10px;
}

#mediaArea .box .txt{
    float:left;
    width:100%;
    padding:0 0 0 110px;
    margin:0 0 0 -100px;
    box-sizing:border-box;
}

#mediaArea .box .txt img{
    width:100%;
    height:auto;
}

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

.mediaList {
    margin: 0
}

.mediaList li {
    padding: 0;
	 margin:0 0 10px;
    float: none;
	 text-align:center;
}

.mediaList li img{
	min-width:265px;
}

#mediaArea {
    margin: 0;
}

#mediaArea .box {
    float: none;
    padding: 0;
    width: auto;
}

#mediaArea .box a {
    border-width:0 0 2px;
    padding: 10px 0 30px;
	 height:auto !important;
}

#mediaArea .box .ph {
    float: none;
    width: auto;
	 margin:0 0 10px;
	 text-align:center;
}

#mediaArea .box .txt {
    float: none;
    width: auto;
    padding: 0;
    margin: 0 auto;
	 max-width:200px;
}


}