/* wide
--------------------------*/
@media screen and (min-width: 641px) {

#commentTitle{
background: url(../../images/m_comment.png) no-repeat right;
background-size: contain;
width: 270px;
height: 40px;
position: absolute;
right: 20px;
bottom: 20px;
z-index: 10;
}


#commentMainAll{
width: 1100px;
margin: 0 auto;
}


.comBox{
width: 1100px;
padding: 20px 0 40px 0;
pointer-events: none;
}

.comImg{
width: 300px;
text-align: center;
float: left;
}

.comTxtAll{
width: 800px;
float: right;
}

.comName{
width: 95%;
margin: 0 auto;
line-height: 0;
}

.comTxt{
width: 95%;
margin: 0 auto;
color: #000;
font-size: 110%;
line-height: 1.5em;
letter-spacing:1px;
padding: 20px 0;
}

.imgOther{
background: url(../../images/comment/img_other.jpg) no-repeat;
background-size: 100% 100%;
width: 1100px;
height: 330px;
margin: 20px auto 60px;
pointer-events: none;
}

}



/* small
--------------------------*/
@media screen and (max-width:640px) {



#commentTitle{
background: url(../../images/m_comment.png) no-repeat right;
background-size: contain;
width: 600px;
height: 40px;
position: absolute;
right: 20px;
bottom: 10px;
z-index: 1;
opacity: 0.5;
filter: alpha(opacity=50);
}


#commentMainAll{
width: 640px;
margin: 0 auto;
}


.comBox{
width: 600px;
padding: 20px 0;
margin: 0 auto;
pointer-events: none;
}

.comImg{
width: 300px;
text-align: center;
padding: 0 0 20px;
}

.comTxtAll{
width: 100%;
}

.comName{
width: 100%;
margin: 0 auto;
line-height: 0;
}

.comTxt{
width: 100%;
margin: 0 auto;
color: #000;
font-size: 180%;
line-height: 1.5em;
letter-spacing:1px;
padding: 20px 0;
}

.imgOther{
background: url(../../images/comment/img_other_sp.jpg) no-repeat;
background-size: 100% 100%;
width: 580px;
height: 788px;
margin: 20px auto 40px;
pointer-events: none;
}

}