@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";


/*-- TAG --*/
.taglist{text-align:left; margin:0 auto;}
.taglist dt{text-align:left; border-bottom:solid 1px #666666; padding:4px; box-sizing:border-box; margin-bottom:12px;}
.taglist dt h2{font-size:90%; color:#333;}
.taglist dd{margin-bottom:24px;}
.taglist dd li{display:inline-block; box-sizing:border-box; margin-bottom:6px;}
.taglist dd li a{display:block; padding:6px 12px; font-size:90%; color:#333; font-weight:bold; border:solid 1px #FF0000; -webkit-border-radius:6px; -moz-border-radius:6px; -o-border-radius:6px; -ms-border-radius:6px; border-radius:6px;
transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease;
background:-moz-linear-gradient(top, #F5F5F5,#E6E6E6);
background:-webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#E6E6E6));
filter:progid:DXImageTransform.Microsoft .gradient(GradientType=0,startColorstr='#ffF5F5F5', endColorstr='#ffE6E6E6');
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffF5F5F5', endColorstr='#ffE6E6E6')";
background:-ms-linear-gradient(top, #F5F5F5, #E6E6E6);
background:linear-gradient(top, #F5F5F5, #E6E6E6);}
/*.taglist dd li a:hover {text-decoration:none; -webkit-transform: scale( 1.5 ); -moz-transform: scale( 1.5 ); color:#900; background:#FFE1E1;}*/
.taglist dd li a:hover {text-decoration:none; color:#900; background:#FFE6E6;}
.taglist dd li a:before{font-family:'FontAwesome'; content:"\f02b"; font-size:100%; color:#333; margin-right:4px;}


/*-- モバイルレイアウト : 768 px以下 --*/
@media only screen and (min-width: 0px) and (max-width: 768px) {
  .taglist{width:95%;}
}