body	{
  font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',
  Meiryo, sans-serif;
}

.flex-container {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: center;
  justify-content:center;
  color: #ff66ff;
  height: 75px;
  margin:5px;
}

.flex-container a:hover {
 text-decoration:none;
 color:#fff;
}

.flex-container a {
 text-decoration:none;
 color:#fff;
}

.flexbox-item{
  background: #ff66cc;
  border-radius: 5px;
  padding: 10px 5px;
  color: #ff66ff;
  text-align: center;
  display: block;
  border: solid 2px #ff99cc;
  margin:2px;
}

.menu {
  font-size: 13px;
  margin-top:0; 
  text-decoration:none;
}

.flexbox-item:hover{
  background: #d8d8d8;
}

#taiken{
  font-size: 13px;
  margin-top:0; 
  text-decoration:none;
}

.icon {
  position: relative;
  background: #ff66cc;
  border-radius: 5px;
  padding: 10px 5px;
  color: #ff66ff;
  text-align: center;
  display: block;
  border: solid 2px #ff99cc;
  margin:2px;
}

.icon:hover{
  background: #d8d8d8;
}

.icon .badge {
  position: absolute;
  top: -35px;
  right: -20px;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #fff;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}
.icon .badge .inner {
  display: block;
  position: relative;
  margin: 4px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  color: #fff;
  line-height: 35px;
  text-align: center;
  background: -webkit-gradient(linear, left top, left bottom, from(#ee757b), to(#c80507));
  background: -webkit-linear-gradient(top, #ee757b, #c80507);
  background: linear-gradient(to bottom, #ee757b, #c80507);
  background: gradient(linear, center top, center bottom, from(#ee757b), to(#c80507));
}

@font-face {
  font-family: 'fontello';
  src: url('../font/fontello.eot?82325915');
  src: url('../font/fontello.eot?82325915#iefix') format('embedded-opentype'),
       url('../font/fontello.woff?82325915') format('woff'),
       url('../font/fontello.ttf?82325915') format('truetype'),
       url('../font/fontello.svg?82325915#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?82325915#fontello') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-up:before { content: '\31'; } /* '1' */
.icon-m006:before { content: '\32'; } /* '2' */
.icon-m0006:before { content: '\33'; } /* '3' */
.icon-camera:before { content: '\34'; } /* '4' */
.icon-group:before { content: '\35'; } /* '5' */
.icon-m0003:before { content: '\36'; } /* '6' */
.icon-mail:before { content: '\37'; } /* '7' */
.icon-heart:before { content: '\38'; } /* '8' */
.icon-user:before { content: '\39'; } /* '9' */
.icon-calendar:before { content: '\4d'; } /* 'M' */
.icon-note:before { content: '\53'; } /* 'S' */
.icon-mobile:before { content: '\54'; } /* 'T' */
.icon-w:before { content: '\56'; } /* 'V' */
.icon-tag:before { content: '\58'; } /* 'X' */
.icon-cog-1:before { content: '\5a'; } /* 'Z' */
.icon-cog:before { content: '\64'; } /* 'd' */
.icon-e:before { content: '\65'; } /* 'e' */
.icon-m01:before { content: '\66'; } /* 'f' */
.icon-3:before { content: '\67'; } /* 'g' */
.icon-1:before { content: '\68'; } /* 'h' */
.icon-en:before { content: '\6b'; } /* 'k' */
.icon-m05:before { content: '\6c'; } /* 'l' */
.icon-ok-outline:before { content: '\6d'; } /* 'm' */
.icon-m00:before { content: '\6e'; } /* 'n' */
.icon-m0:before { content: '\6f'; } /* 'o' */
.icon-m02:before { content: '\70'; } /* 'p' */
.icon-mobile-1:before { content: '\73'; } /* 's' */
.icon-home:before { content: '\74'; } /* 't' */
.icon-m001:before { content: '\76'; } /* 'v' */
.icon-m003:before { content: '\3042'; } /* 'ã‚' */
.icon-m03:before { content: '\3046'; } /* 'ã†' */
.icon-m04:before { content: '\304f'; } /* 'ã' */
.icon-x:before { content: '\3057'; } /* 'ã—' */
.icon-m06:before { content: '\3067'; } /* 'ã§' */
.icon-2:before { content: '\307e'; } /* 'ã' */
.icon-crown:before { content: '\e800'; } /* 'î€' */
.icon-glass:before { content: '\e801'; } /* 'î' */
.icon-home-1:before { content: '\e802'; } /* 'î‚' */
.icon-calendar-1:before { content: '\e803'; } /* 'îƒ' */
.icon-attach-outline:before { content: '\e804'; } /* 'î„' */
.icon-pin-outline:before { content: '\e805'; } /* 'î…' */
.icon-pencil:before { content: '\e806'; } /* 'î†' */
.icon-edit:before { content: '\e807'; } /* 'î‡' */
.icon-vcard:before { content: '\e808'; } /* 'îˆ' */
.icon-beer:before { content: '\e809'; } /* 'î‰' */
.icon-calculator:before { content: '\e80a'; } /* 'îŠ' */
.icon-heart-filled:before { content: '\e80b'; } /* 'î‹' */
.icon-th-list:before { content: '\e80c'; } /* 'îŒ' */
.icon-folder:before { content: '\e80d'; } /* 'î' */
.icon-doc-text:before { content: '\e80e'; } /* 'îŽ' */
.icon-money:before { content: '\e80f'; } /* 'î' */
.icon-credit-card:before { content: '\e810'; } /* 'î' */
.icon-trophy:before { content: '\e811'; } /* 'î‘' */
.icon-chart:before { content: '\e812'; } /* 'î’' */
.icon-angle-circled-left:before { content: '\e813'; } /* 'î“' */
.icon-angle-circled-right:before { content: '\e814'; } /* 'î”' */
.icon-angle-circled-up:before { content: '\e815'; } /* 'î•' */
.icon-angle-circled-down:before { content: '\e816'; } /* 'î–' */
.icon-cancel-circled2:before { content: '\e817'; } /* 'î—' */
.icon-plus-squared:before { content: '\e818'; } /* 'î˜' */
.icon-plus-circled:before { content: '\e819'; } /* 'î™' */
.icon-chart-line:before { content: '\e81a'; } /* 'îš' */
.icon-down-circled-1:before { content: '\e81b'; } /* 'î›' */
.icon-left-circled-1:before { content: '\e81c'; } /* 'îœ' */
.icon-right-circled-1:before { content: '\e81d'; } /* 'î' */
.icon-up-circled-1:before { content: '\e81e'; } /* 'îž' */
.icon-chart-bar:before { content: '\e81f'; } /* 'îŸ' */
.icon-cab:before { content: '\e820'; } /* 'î' */
.icon-heart-1:before { content: '\e821'; } /* 'î¡' */
.icon-sitemap:before { content: '\e822'; } /* 'î¢' */
.icon-money-1:before { content: '\e823'; } /* 'î£' */
.icon-share-squared:before { content: '\e824'; } /* 'î¤' */
.icon-calc:before { content: '\e825'; } /* 'î¥' */
.icon-yen:before { content: '\e826'; } /* 'î¦' */
.icon-list-numbered:before { content: '\e827'; } /* 'î§' */
.icon-th-list-1:before { content: '\e828'; } /* 'î¨' */
.icon-attach:before { content: '\e829'; } /* 'î©' */
.icon-pin:before { content: '\e82a'; } /* 'îª' */
.icon-credit-card-1:before { content: '\e82b'; } /* 'î' */
.icon-folder-open:before { content: '\e82c'; } /* 'î¬' */
.icon-shield:before { content: '\e82d'; } /* 'î' */
.icon-feather:before { content: '\e82e'; } /* 'î®' */