/*******************************************************/
/*                                                     */
/*　　　このレスポンシブサイトの画面設計サイズ         */
/*                                                     */
/*   1140px巾　6カラム　1カラム150px　両マージン20px   */
/*                                                     */
/*******************************************************/
/** 768px未満　スマホ　サイズ画面 **/
html { font-size:80%; }
img { width : 100%; height:auto; } 

.clu01,
.clu02,
.clu03,
.clu04,
.clu05,
.clu06 { width:100%;}

.mal00,
.mal01,
.mal02,
.mal03,
.mal04,
.mal05 { margin-left:0;}

.mar00,
.mar01,
.mar02,
.mar03,
.mar04,
.mar05 { margin-right:0;}

/** 768px以上 ipad　サイズ画面 **/
@media (min-width : 768px) {
html { font-size:83%; }

.clu01 { width:13.1578%; margin:0 1.7543%; }
.clu02 { width:29.8245%; margin:0 1.7543%; }
.clu03 { width:46.4912%; margin:0 1.7543%; }
.clu04 { width:63.1578%; margin:0 1.7543%; }
.clu05 { width:79.8245%; margin:0 1.7543%; }
.clu06 { width:96.4912%; margin:0 1.7543%; }


.mal00 { margin-left: 0; }
.mal01 { margin-left:18.4210%;}
.mal02 { margin-left:35.0877%;}
.mal03 { margin-left:51.7543%;}
.mal04 { margin-left:68.4210%;}
.mal05 { margin-left:85.0877%;}

.mar00 { margin-right: 0; }
.mar01 { margin-right:18.4210%;}
.mar02 { margin-right:35.0877%;}
.mar03 { margin-right:51.7543%;}
.mar04 { margin-right:68.4210%;}
.mar05 { margin-right:85.0877%;}

}

/** 1140px以上 PC　サイズ画面 **/
@media (min-width : 1140px) { 
html { font-size:95%; } 
img { width : auto; height:auto; }

.clu01 { width: 150px; margin:0 20px; }
.clu02 { width: 340px; margin:0 20px; }
.clu03 { width: 530px; margin:0 20px; }
.clu04 { width: 720px; margin:0 20px; }
.clu05 { width: 910px; margin:0 20px; }
.clu06 { width: 1100px; margin:0 20px; }

.mal00 { margin-left:   0px;}
.mal01 { margin-left: 210px;}
.mal02 { margin-left: 400px;}
.mal03 { margin-left: 590px;}
.mal04 { margin-left: 780px;}
.mal05 { margin-left: 970px;}

.mar00 { margin-right:   0px;}
.mar01 { margin-right: 210px;}
.mar02 { margin-right: 400px;}
.mar03 { margin-right: 590px;}
.mar04 { margin-right: 780px;}
.mar05 { margin-right: 970px;}

}