@charset "utf-8";
/* -----------------------------------------------------------
グリッド
----------------------------------------------------------- */
.grid2>*,.grid3>*,.grid4>*,.grid5>*,.grid6>*{ float:left; margin:0 0 1em; position:relative; box-sizing:border-box;}
.grid2>* img,.grid3>* img,.grid4>* img,.grid5>* img,.grid6>* img{ margin-bottom:0.5em;}

.grid2>*{width:48%; margin-right:4%; font-size:95%;}
@media(min-width:741px){/*余裕のあるマージン*/.grid2.margin>*{width:46%; margin-right:8%; margin-bottom:2em;}}
.grid2>*:nth-child(2n){margin-right:0;}
.grid2>*:nth-child(2n+1){ clear:both;}

.grid3>*{width:31.3%; margin-right:3%; font-size:90%;}
@media(min-width:741px){/*余裕のあるマージン*/.grid3.margin>*{width:29.3%; margin-right:6%; margin-bottom:2em;}}
.grid3>*:nth-child(3n){margin-right:0;}
.grid3>*:nth-child(3n+1){ clear:both;}

.grid4>*{width:23.5%; margin-right:2%; font-size:85%;}
@media(min-width:741px){/*余裕のあるマージン*/.grid4.margin>*{width:22%; margin-right:4%; margin-bottom:2em;}}
.grid4>*:nth-child(4n){margin-right:0;}
.grid4>*:nth-child(4n+1){ clear:both;}

.grid5>*{width:18.4%; margin-right:2%; font-size:80%;}
@media(min-width:741px){/*余裕のあるマージン*/.grid5.margin>*{width:16.8%; margin-right:4%; margin-bottom:2em;}}
.grid5>*:nth-child(5n){margin-right:0;}
.grid5>*:nth-child(5n+1){ clear:both;}

.grid6>*{width:15%; margin-right:2%; font-size:75%;}
.grid6>*:nth-child(6n){margin-right:0;}
.grid6>*:nth-child(6n+1){ clear:both;}