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

@import "../css/common.css";
@import "../css/response.css";
@import "../css/design.css";
@import "../css/detail-itemlist.css";
@import "../css/info-table.css";
@import "../css/icon.css";
@import "../css/font-awesome.min.css";


/*-- 共通 --*/

/*-- more item --*/
.moreitemlink{margin:0 auto 12px; font-size:inherit;}
.moreitemlink a{display:block; padding:6px; font-size:90%; color:#fff; border:solid 1px #CCCCCC; text-align:right; 
-webkit-border-radius:4px; 
-moz-border-radius:4px; 
-o-border-radius:4px; 
-ms-border-radius:4px; 
border-radius:4px;
background:-moz-linear-gradient(top, #666, #999);
background:-webkit-gradient(linear, left top, left bottom, from(#666), to(#999));
filter:progid:DXImageTransform.Microsoft .gradient(GradientType=0,startColorstr='#ff666666', endColorstr='#ff999999');
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ff666666', endColorstr='#ff999999')";
background:-ms-linear-gradient(top, #666, #999);
background:linear-gradient(top, #666, #999);
}
.moreitemlink a:after{font-family:'FontAwesome'; content:"\f061"; margin-left:2px;}

/*-- caption_link --*/
#mlist {margin:0 auto 12px; text-align:left;}
#mlist #ml-title {display:inline; font-size:80%; font-weight:normal;}
#mlist > ul {display:inline;}
#mlist > ul > li {display:inline-block; width:auto; font-size:80%; color:#333; margin-right:6px;}
#mlist > ul > li > a {color:#06C; text-decoration:underline;}
#mlist > ul > li > a:hover {color:#900; text-decoration:none;}


/*-- モバイルレイアウト : 768 px以下 --*/
@media only screen and (min-width: 0px) and (max-width: 768px) {
  /*-- caption_link --*/
  #mlist {width:95%; margin-bottom:24px;}
  #mlist > ul > li {margin-bottom:4px;}
  #mlist > ul > li > a {display:inline-block; border:#999 1px solid; padding:4px 6px; text-decoration:none; background-color:#FAFAFA; color:#333;
  -webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; border-radius:6px;}
  #mlist strong {display:inline-block; border:#CCC 1px solid; padding:4px 6px; text-decoration:none; background-color:#F0F0F0; color:#999;
  -webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; border-radius:6px;}
  /*-- more item --*/
  .moreitemlink a {border-left:none; border-right:none;}
}

/*-- タブレットレイアウト 769 px ～ 1024 px --*/
@media only screen and (min-width: 769px) and (max-width: 1024px){
}

/*-- デスクトップレイアウト 1024 px ～最大 1280px/16Col  --*/
@media only screen and (min-width: 1025px) {
}