@charset "UTF-8";
.clearfix:after  { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix        { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix        { display: block; }

/*------------------------------------------- */

#contents #sub-column { display:none;}
#contents article {width:1000px; margin:0 auto; float:none;}
#campaign-bn, #cashless-bn {display:none;}


article h1 { display:none;}
#contents article h2{ display:none;}

#JournalList h1 { display:none;}
#contents #JournalList h2{ display:none;}

a:hover img.hoverImg{background:#fff;
	filter: alpha(opacity=80);
	opacity:0.8;}
a { text-decoration: none;}


#review-wrapper {width:1000px; margin:20px auto 100px; font-size:16px;}
#review-wrapper p {line-height:1.8;}

.review-title {text-align:center;  margin-top:80px; }
#contents article .journal-cont .review-title h2 {font-size:32px; font-weight:bold; margin-bottom:60px; margin-top:20px; display:block!important;}
#contents article .journal-cont .review-title h3 { text-align: left; border-bottom: 1px solid #ccc; font-size:24px; font-weight:bold; margin-bottom:40px; padding-bottom: 10px; margin-top:100px; display:block!important;}
.review-title p {font-size:24px; font-weight:bold; }
.review-title .aff-description { margin:0 auto; font-size:16px; text-align:left; font-weight:normal;}

.review-title .review-l-box {width: 45%; float: left;}
.review-title .review-r-box{width: 48%; float: right;}
 
.review-title .u_line {text-decoration: underline;}
 

 #review-wrapper .aff-bl {display:block;}
 
 .state_l li.cate, .state_r {display:none;}
 
 /*-----------------------------------------------------*/
 /*	for -768px					*/
 /*-----------------------------------------------------*/
 @media screen and (max-width: 768px) {
	 
#cashless-sp-bn, #cashless-bn-sp-free {display:none;}
#review-wrapper {width:100%; margin:0px auto 50px; font-size:12px;}
#bread-crumb {display:none;}

.review-title {text-align:center;  margin-top:30px; padding:10px; }
#contents article .journal-cont .review-title h2 {font-size:22px; font-weight:bold; margin-bottom:20px; margin-top:10px; display:block;}
.review-title p {font-size:11px; font-weight:bold;}
.review-title .aff-description { margin:0 auto; font-size:12px; text-align:left; font-weight:normal;}

.review-title .review-l-box {width: 100%; float: none; margin-bottom: 50px;}
.review-title .review-r-box{width: 100%; float: none;}



 }
 
 
  @media screen and (max-width: 580px) {
	  #review-wrapper { margin:10px auto 50px;}
 #review-wrapper br {display:block;}

  }