@charset "shift_jis";

/* ========== 全てのサイズ共通 ========== */


/* border-box */
#contents, #contents *, #contents *:before, #contents *:after {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#contents img { vertical-align:top;}

#contents {
  width:100%;
  font-size:.88em;
  text-align:left;
  line-height:1.4em;
}

#contents a {
	text-decoration:none;
}

/*----------------
  ranking review
----------------*/
#contents .ranking_part2 * ,
#contents .review_parts * {
    line-height: 1.3em;
}

#contents .ranking_part2 ,
#contents .review_parts {
	padding: 3em 0 0;
	margin: 0 0 3em;
}

/*----------------
  grid-box
----------------*/

.grid-box {
    letter-spacing: -.40em;
	width:100%;
	text-align:center;
}

.grid-box .inner {
    letter-spacing: normal;
    display: inline-block;
    *display: inline;
    *zoom: 1;
	vertical-align: top;
}

.grid-box.division-1 .inner {
	width: 97.8%;
	margin: 0 1.1% 2% ;
}

.grid-box.division-2 .inner {
	width: 47.8%;
	margin: 0 1.1% 2% ;
}

.grid-box.division-3 .inner {
	width: 31%;
	margin: 0 1.15% 2% ;
}

.grid-box.division-4 .inner {
	width: 22%;
	margin: 0 1.1% 2% ;
}

.grid-box.division-5 .inner {
	width: 17.8%;
	margin: 0 1.1% 2% ;
}


/* ========== 全てのサイズ共通（優先処理） ========== */

/*----------------
	font-size
----------------*/
.fs-8 { font-size:0.8em;}
.fs-9 { font-size:0.9em;}
.fs-10 { font-size:1.0em;}
.fs-12 { font-size:1.2em;}
.fs-14 { font-size:1.4em;}
.fs-16 { font-size:1.6em;}
.fs-18 { font-size:1.8em;}
.fs-20 { font-size:2.0em;}

/*----------------
	font-color
----------------*/
.fc-re { color:#D80000;}
.fc-bl { color:#2976c6;}
.fc-gy { color:#666;}
.fc-gr { color:#093;}
.fc-ol { color:#FE6604;}
.fc-pk { color:#f6c}

.bg-re { background:#D80000; padding:.2em;}
.bg-bl { background:#2976c6; padding:.2em;}
.bg-ye { background:#ff9; padding:.2em;}
.bg-gr { background:#ddd; padding:.2em;}

/*----------------
     text-align
----------------*/
.txt-al{ text-align:left !important;}
.txt-ar{ text-align:right !important;}
.txt-ac{ text-align:center !important;}

@media screen and (min-width:481px) {
.pc-none,
.pcno {
		display: none !important;}
}
@media screen and (max-width:480px) {
.sp-none,
.spno {
		display: none !important;}
}
.txtAC {
	text-align: center !important;
}
.txtAL {
	text-align: left !important;
}
.txtAR {
	text-align: right !important;
}

.borderL0 {
	border-left: 0 !important;
}

/*--------------------------------------------------
    general class
--------------------------------------------------*/
/* margin, padding */
.m0 { margin:0 !important; }
.m1 { margin:1em !important; }
.m2 { margin:2em !important; }
.m3 { margin:3em !important; }
 
.mt0 { margin-top:0 !important; }
.mt05 { margin-top:.5em !important; }
.mt1 { margin-top:1em !important; }
.mt2 { margin-top:2em !important; }
.mt3 { margin-top:3em !important; }
 
.mb0 { margin-bottom:0 !important; }
.mb05 { margin-bottom:.5em !important; }
.mb1 { margin-bottom:1em !important; }
.mb2 { margin-bottom:2em !important; }
.mb3 { margin-bottom:3em !important; }
 
.p0 { padding:0 !important; }
.p1 { padding:1em !important; }
.p2 { padding:2em !important; }
.p3 { padding:3em !important; }
 
.pt0 { padding-top:0 !important; }
.pt05 { padding-top:.5em !important; }
.pt1 { padding-top:1em !important; }
.pt2 { padding-top:2em !important; }
.pt3 { padding-top:3em !important; }
 
.pb0 { padding-bottom:0 !important; }
.pb05 { padding-bottom:.5em !important; }
.pb1 { padding-bottom:1em !important; }
.pb2 { padding-bottom:2em !important; }
.pb3 { padding-bottom:3em !important; }
 
.m10 { margin:10px !important; }
.m20 { margin:20px !important; }
.m30 { margin:30px !important; }
 
.mt10 { margin-top:10px !important; }
.mt20 { margin-top:20px !important; }
.mt30 { margin-top:30px !important; }
 
.mb10 { margin-bottom:10px !important; }
.mb20 { margin-bottom:20px !important; }
.mb30 { margin-bottom:30px !important; }
 
.p10 { padding:10px !important; }
.p20 { padding:20px !important; }
.p30 { padding:30px !important; }
 
.pt10 { padding-top:10px !important; }
.pt20 { padding-top:20px !important; }
.pt30 { padding-top:30px !important; }
 
.pb10 { padding-bottom:10px !important; }
.pb20 { padding-bottom:20px !important; }
.pb30 { padding-bottom:30px !important; }

.mra {margin-right: auto !important;}
.mla {margin-left: auto !important;}
.pra {padding-right: auto !important;}
.pla {padding-left: auto !important;}
 
/* width */
.wid100 { width:100%; }
.wid95 { width:95%; }
.wid90 { width:90%; }
.wid85 { width:85%; }
.wid80 { width:80%; }
.wid75 { width:75%; }
.wid70 { width:70%; }
.wid65 { width:65%; }
.wid60 { width:60%; }
.wid55 { width:55%; }
.wid50 { width:50%; }
.wid45 { width:45%; }
.wid40 { width:40%; }
.wid35 { width:35%; }
.wid30 { width:30%; }
.wid25 { width:25%; }
.wid20 { width:20%; }
.wid15 { width:15%; }
.wid10 { width:10%; }
.wid5 { width:5%; }
 
/* text-align */
.txtAL { text-align:left !important; }
.txtAC { text-align:center !important; }
.txtAR { text-align:right !important; }
 
/* font-size */
.fsLLL { font-size:1.8em !important; }
.fsLL { font-size:1.5em !important; }
.fsL { font-size:1.2em !important; }
.fsS { font-size:0.8em !important; }
.fsSS { font-size:0.5em !important; }
 
.mp0 { margin:0; padding:1em 0 .3em;}


/* == 変換用 == */

.standard-img {
	max-width:100%;
	margin:0 auto;
}

.inner-img {
	width:100%;
	margin:0 auto;
}

/* == 非表示処理（ranking・review・categorylist） == */

#contents .ranking_part2 , #contents .incl_review2 , #contents .dcatelist {
  display: none;
}



/*----------------
     clearfix
----------------*/

.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}


@media screen and (min-width:480px) { 
/* ========== for iPhone（横画面ほか調整用） ========== */



}
@media screen and (min-width:768px) {
/* ========== for iPad・PC（タブレット・PC調整用） ========== */

/* ========== contents内（タブレット・PC用） ========== */


#col_center {
  margin:0 0 0 195px;
}

#contents {
  font-size:1.2em;
  text-align:left;
}

/* ========== contents内（PC用） ========== */

/*----------------
  grid-box
----------------*/

.grid-box .inner {
	font-size:1.2em;
}



/* == 非表示処理（ranking・review・categorylist） == */

#contents .ranking_part2 , #contents .incl_review2 , #contents .dcatelist {
  display: block;
}


}