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

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

/*-- 共通 --*/
.listbox {text-align:left; margin:0 auto 24px}
.pnp {font-size:80%; color:#333; text-align:left; margin-bottom:12px;}

/*-- モバイルレイアウト : 768 px以下 --*/
@media only screen and (min-width: 0px) and (max-width: 768px) {
  /** LINK LIST **/
  .listbox {width:95%;}
  .listbox li:before {font-family:'FontAwesome'; content:"\f0da"; font-size:80%; margin-right:4px; text-decoration:none;}
  .listbox li a {color:#333; text-decoration:underline;}
  .listbox li a:hover {color:#900; text-decoration:none;}
  #kanalist {width:100%; margin:0 auto;}
  #kanalist li {display:inline-block; width:25%; margin:0 auto; box-sizing:border-box;}
}

/*-- タブレットレイアウト 769 px ～ 1024 px --*/
@media only screen and (min-width: 769px) and (max-width: 1024px){
  /** LINK LIST **/
  .listbox li:before {font-family:'FontAwesome'; content:"\f0da"; font-size:80%; margin-right:4px; text-decoration:none;}
  .listbox li a {color:#333; text-decoration:underline;}
  .listbox li a:hover {color:#900; text-decoration:none;}
  #kanalist {width:100%; margin:0 auto;}
  #kanalist li {display:inline-block; width:25%; margin:0 auto; box-sizing:border-box;}
}

/*-- デスクトップレイアウト 1024 px ～最大 1280px/16Col  --*/
@media only screen and (min-width: 1025px) {
  /** LINK LIST **/
  .listbox li:before {font-family:'FontAwesome'; content:"\f0da"; font-size:80%; margin-right:4px; text-decoration:none;}
  .listbox li a {color:#333; text-decoration:underline;}
  .listbox li a:hover {color:#900; text-decoration:none;}
  #kanalist {width:100%; margin:0 auto;}
  #kanalist li {display:inline-block; width:25%; margin:0 auto; box-sizing:border-box;}
}