@charset "UTF-8";
*{
margin:0;
padding:0;
border:none;
-webkit-tap-highlight-color:rgba(0,0,0,0);
font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
}
/*コメント*/
html,body{
background: transparent;
width:100%;
max-width: 960px;
font-size: 0;
}
.category{
width:39.5%;
height: auto;
}
#comment{
text-align:center;
width:100%;
background:url(images/comment_bg_01.png) top center no-repeat;
background-size: 100%;
margin:0px auto;
}
#report{
text-align:center;
width:100%;
background:url(images/comment_bg_01.png) top center no-repeat;
background-size: 100%;
margin:0px auto;
padding-top: 12%;
}
#commentWrap{
width:100%;
background:url(images/comment_bg_02.png) top center repeat-y;
background-size: 100%;
padding-bottom: 2%;
}
#reportWrap{
width:100%;
background:url(images/comment_bg_02.png) top center repeat-y;
background-size: 100%;
padding-bottom: 2%;
}
#commentTXT{
width: 85%;
margin:0 auto;
}
#name{
width: 32%;
background:url(images/comment_namebg.gif) center top no-repeat;
background-size:100%;
margin:-2% auto -6% auto;
}
.commentName{
width: 100%;
height: auto;
margin:0 auto 0 auto;
}
#comment p{
text-align:justify;
color:#000;
/*font-size:1.7vw;
font-size:2.0vw;*/
font-size: 12px;
width:90%;
padding:13% 5% 0px 5%;
margin:0px auto;
background:url(images/comment_waku_01.png) top center repeat-y;
background-size: 100%;
}
#report p{
text-align:justify;
color:#FFF;
/*font-size:1.7vw;
font-size:2.0vw;*/
font-size: 12px;
width:80%;
margin:1em auto;
background-size: 100%;
}
#report p.pt{
text-align: center;
}
#report #ttl{
width:80%;
}
.commentFooter{
width:100%;
height:42px;
background:url(images/comment_waku_02.png) top center no-repeat;
background-size: 100%;
margin:0px auto;
}
#comment .ctsFooter,#report .ctsFooter{
width:100%;
background:url(images/comment_bg_03.png) top center no-repeat;
background-size: 100%;
margin:0px auto;
}
#closeBTN{
display: block;
margin: -5px auto;
width:30px;
height:30px;
}
#closeBTN img{
width:100%;
height:auto;
}
#report .p{
display: block;
margin: 2% auto;
}
#report .t{
width:50%;
height: auto;
}
#report .y{
width:70%;
height: auto;
}
#report strong{
font-weight: normal;
color:#E50012;
}
.spno{
display:none;
}

@media screen and (min-width: 900px) {
#comment p,#report p{
font-size: 16px;
}
#report #ttl,#report p{
width:780px;
}
#report .t{
width:400px;
height: auto;
}
#report .y{
width:600px;
height: auto;
}
.spno{
display:block;
}
}