@charset "utf-8";
/* CSS Document */

@import "../css/common.css";
@import "../css/response.css";
@import "../css/design.css";
@import "../css/icon.css";
@import "../css/font-awesome.min.css";


/*-- 共通 --*/

/*-- モバイルレイアウト : 768 px以下 --*/
@media only screen and (min-width: 0px) and (max-width: 768px) {
  /**リスト**/
  .makerlist {width:100%; margin:0 auto 24px;}
  .makerlist > ul {width:95%; margin:0 auto; text-align:left;}
  .makerlist > ul > li {width:auto; display:inline-block; margin:0 4px 8px; vertical-align:top;}
}

/*-- タブレットレイアウト 769 px ～ 1024 px --*/
@media only screen and (min-width: 769px) and (max-width: 1024px){
  /**リスト**/
  .makerlist {width:100%; margin:0 auto 24px;}
  .makerlist > ul {margin:0 auto; text-align:left;}
  .makerlist > ul > li {width:50%; display:inline-block; margin-bottom:8px; vertical-align:top; font-size:80%;}
  .makerlist > ul > li a {color:#06C; text-decoration:underline;}
  .makerlist > ul > li a:hover {color:#900; text-decoration:none;}
}

/*-- デスクトップレイアウト 1024 px ～最大 1280px/16Col  --*/
@media only screen and (min-width: 1025px) {
  /**リスト**/
  .makerlist {width:100%; margin:0 auto 24px;}
  .makerlist > ul {margin:0 auto; text-align:left;}
  .makerlist > ul > li {width:33.3%; display:inline-block; margin-bottom:8px; vertical-align:top; font-size:80%;}
  .makerlist > ul > li a {color:#06C; text-decoration:underline;}
  .makerlist > ul > li a:hover {color:#900; text-decoration:none;}
}