@charset "utf-8";
/* ===================== reset ==== */
html, body, div, iframe, h1, h2, h3, h4, p, a, img, small, dl, dt, dd, ol, ul, li, form, label, table, tbody, tr, th, td, article, aside, footer, header, nav, section, figure {
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: 400;
	font-size: 100%;
	vertical-align: baseline;
}
input, textarea, select {
	margin: 0;
	padding: 0;
	resize: none;
	font-size: 16px;
	padding: 5px;
	outline-color:#a17f23;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
	text-decoration: none;
	color: inherit;
	display: block;
	cursor: pointer;
	-webkit-transition: 0.3s linear 0s;
	-moz-transition: 0.3s linear 0s;
	-ms-transition: 0.3s linear 0s;
	-o-transition: 0.3s linear 0s;
	transition: 0.3s linear 0s;
}
a.inline {
    display: inline-block;
    text-decoration: underline;
}
a:focus {
	outline: none;
}
@font-face {
	font-family: 'MyYuGothicM';
	font-weight: normal;
	src: local('YuGothic-Medium'), /* PostScript Name = localの正式な指定方法 */
	local('Yu Gothic Medium'),     /* PostScript Nameを認識できないChrome用にFull Nameを指定 */
	local('YuGothic-Regular');     /* 游ゴシックMediumが存在しないWindows8.1用 */
}
@font-face {
	font-family: 'MyYuGothicM';
	font-weight: bold;
	src: local('YuGothic-Bold'), /* PostScript Name = localの正式な指定方法 */
	local('Yu Gothic');          /* PostScript Nameを認識できないChrome用にFull Nameを指定 */
}
@font-face { /* kenstein regular */
  font-family: 'Kenstein-Regular';
  src: url('font/Kenstein-Regular.eot?#iefix') format('embedded-opentype'),  url('font/Kenstein-Regular.otf')  format('opentype'),
	   url('font/Kenstein-Regular.woff') format('woff'), url('font/Kenstein-Regular.ttf')  format('truetype'), url('font/Kenstein-Regular.svg#Kenstein-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
html {
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	line-height: 2;
}
textarea{
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;;
}
img {
	max-width: 100%;
	height: auto;
}
body{
    position: relative;
    overflow-x: hidden;
    font-size: 14px;
    color: #5b5962;
}
/* ===================== parts ==== */
.u_overflow {
	overflow: hidden;
	white-space: nowrap;
	text-indent: 110%;
}
.u_clearfix:after{
	content: '';
	clear: both;
	display: block;
}
.text_mincyo {
	font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho ProN', '游明朝', 'Yu Mincho', '游明朝体', 'YuMincho', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', 'MS PMincho', serif;
}
blockquote{
	color: #555;
    border: 1px solid #ddd;
    background: #eee;
    background: rgba(53, 53, 53, 0.05);
    margin: 3em 0;
    font-size: 0.95em;
    padding: 2.5em 2.5em 1em;
    border-radius: 3px;
    position: relative;
}
blockquote:before, blockquote:after{
	font-family: 'FontAwesome';
    position: absolute;
    width: 1em;
    height: 1em;
    display: block;
    text-align: center;
    font-size: 20px;
    line-height: 1;
    color: #999;
    opacity: 20;
}
blockquote:before{
	content: '\f10d';
    left: 0.4em;
    top: 0.4em;
}
blockquote:after{
	content: '\f10e';
    right: 0.4em;
    bottom: 0.4em;
}
small{
	font-size:12px;
}

/*common part*/
.flex{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    -ms-flex-pack: center;
    align-items: center;
    -ms-flex-align: center;
}
.flex-end{
	justify-content: flex-end;
    -ms-flex-pack: end;
    -ms-flex-align:end;
}
.flex-start{
	justify-content: flex-start;
    -ms-flex-pack: start;
    -ms-flex-align:start;
}
.breadcumb{
	color: #333;
	line-height: 2.5;
	overflow: hidden;
}
.breadcumb li{
	display: inline-block;
	font-size: 14px;
}
.breadcumb li:last-child{
	color: #ff6aa9;
}
.breadcumb a{
	color: #333;
}
.breadcumb a:hover {
	color: #ff6aa9;
}
.breadcumb li:first-child a:before{
	content: "";
}
.breadcumb li a::before{
	content: "  >  ";
	color: #333;
}
.breadcumb li:last-child:before{
	content: "  >  ";
	color: #333;
}
.breadcumb .wrap-content{
	padding: 0 20px 0 20px;
}
.text-center{
	text-align:center;
}
.text-left{
	text-align:left;
}
.text-right{
	text-align:right;
}
.pull-left_f{
	float:left;
}
.pull-right_f{
	float:right;
}
.list-inline li{
	display:inline-block;
}
.img-responsive{
	width:100%;
}
.label{
	color:#fff;
	background:#7fcad5;
	font-size:11px;
	padding:2px 5px;
	line-height:1.e;
}
.label-float{
	position:absolute;
	top:0;
	right:0;
}
.label-pink{
	background:#ff93b7;
}
.label-yellow{
	background:#f9ad54;
}
.label-green{
	background:#7de4a4;
}
.label-purple{
	background:#d497e6;
}
.label-blue{
	background:#3399cc;
}
.label-dark-purple{
	background:#996666;
}
.label-red-maroon{
	background:#ffcd00 ;
}
.label-light-yellow{
	background:#d5ce7c;
}
.label-orange{
	background:#ef6c2b;
}
.kenstein{
	font-family: 'Kenstein-Regular';
}
.title-no_height{
	line-height: 0px;
}
/* all padding */
.padd15{
	padding-top:15px;
	padding-bottom:15px;
}
.padd20{
	padding-top:20px;
	padding-bottom:20px;
}
.padd40{
	padding-top:40px;
	padding-bottom:40px;
}
.padd20_bottom{
	padding-bottom:20px;
}
.padd40_bottom{
	padding-bottom:40px;
}
.padd15_top{
	padding-top:15px;
}
.padd20_top{
	padding-top:20px;
}
.padd30_top{
	padding-top:30px;
}
.padd30_bottom{
	padding-bottom:30px;
}
.padd40_top{
	padding-top:40px;
}
/* colour */
.wh{
	color:#fff;
}
.pink{
	color:#fc578e;
}
.blue{
	color:#7fcad5;
}
.gold{
	color:#a17f23;
}
h2.gold, h3.gold{
	font-family: "游明朝", "Yu Mincho", "游明朝体", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif;
}
.yumin{
	font-family: "游明朝", "Yu Mincho", "游明朝体", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif;
}
/* background */
.bg-pattblue{
	background:url('../img/img-info-bg.jpg');
}
/*button */
.btn-loadmore .fa-plus{
    margin-left: 5px;
    font-size: 10px;
    border-radius: 50%;
    padding: 2px 3px;
    border: solid 1px #fff;
    top: -1px;
    position: relative;
}
#wrapper-data {
	overflow: hidden;
}
#list-mutter .mix-target,
#list-who .mix-target
{
  -webkit-animation-name: fadeIn;
  -webkit-animation-duration: 1s;
  animation-name: fadeIn;
  animation-duration: 1s;
}
#list-mutter .mix-target,
#list-who .mix-target
{
  -webkit-transition-property: opacity;
     -moz-transition-property: opacity;
      -ms-transition-property: opacity;
       -o-transition-property: opacity;
          transition-property: opacity;
}
#list-mutter .mix-target.visible_item,
#list-who .mix-target.visible_item
{
	opacity: 0;
	display: none;
}

@-webkit-keyframes fadeIn {
  0% { opacity: 0; }
  20% { opacity: 0; }
  40% { opacity: 0.3; }
  60% { opacity: 0.5; }
  80% { opacity: 0.9; }
  100% { opacity: 1; }
}

@keyframes fadeIn {
  0% { opacity: 0; }
  20% { opacity: 0; }
  40% { opacity: 0.3; }
  60% { opacity: 0.5; }
  80% { opacity: 0.9; }
  100% { opacity: 1; }
}

.label-entrepreneur {
	margin : 2px;
}

.display-none{
	display: none
}

.label-ellipsis {
	max-width: 248px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.font-12 {
	font-size: 12px;
}
.w-645 {
	max-width: 645px;
	display: block;
	margin: auto;
}
.text-left {
	text-align: left;
}
.text-pink {
	color: #ff93b7;
}
.cats-suport {
	position: relative;
	display: inline-block;
}
.cats-suport:after {
	content: ', ';
	position: absolute;
	right: -3px;
	bottom: 0;
}
.cats-suport:last-child:after{
	display: none;
}