@charset "utf-8";
/* Copyright 2015 FSFIELD All Rights Reserved. */

/* ------------------------------------------------------------

見たもん勝ち

------------------------------------------------------------ */

@import url('https://fonts.googleapis.com/css?family=Oswald');

/* グローバルナビアクティブ
---------------------------------------------- */
ul#nav_global01 li.g05 a{background:url(../img/nav_global01.jpg) no-repeat -783px -62px;}

/* heading
---------------------------------------------- */

div#h1_pagettl01{
	height:81px;
	margin-bottom:40px;
}

div#h1_pagettl01 span{visibility:hidden;}

h4#h4_report01{
	background:url(../report/img/h4_report01.jpg) no-repeat 0 0;
	height:121px;
}

h4#h4_report02{
	background:url(../report/img/h4_report02.jpg) no-repeat 0 0;
	height:121px;
}

h5#h5_report01{
	background:url(../report/img/h5_report01.jpg) no-repeat 0 0;
	height:48px;
	margin-bottom:15px;
}

h5#h5_report02{
	background:url(../report/img/h5_report02.jpg) no-repeat 0 0;
	height:48px;
	margin-bottom:15px;
}

h5#h5_report03{
	background:url(../report/img/h5_report03.jpg) no-repeat 0 0;
	height:48px;
	margin-bottom:15px;
}

h5#h5_report04{
	background:url(../report/img/h5_report04.jpg) no-repeat 0 0;
	height:56px;
	margin-bottom:80px;
}


h1.h1_type01{
	background:url(../img/bg_heading03.jpg) no-repeat 0 bottom;
	padding:8px 17px 6px;
	font-size:114%;
	line-height:1.8;
}

h1.h1_type01 span{
	visibility:visible;
	font-size:88%;
}

/* div
---------------------------------------------- */
div#side_report01{
	background:#FFF;
	border:1px solid #BCC2C4;
	border-top:none;
	margin-bottom:20px;
	padding:10px;
}

div#side_report01 ul li{
	background:url(../img/ico_arrow05.png) no-repeat left 0.4em;
	border-bottom:1px dotted #BCC2C4;
	padding:0 0 5px 10px;
	margin-bottom:10px;
	font-size:93%;
}

div#side_report01 ul li:last-child{
	border-bottom:none;
	padding-bottom:0;
	margin-bottom:0;
}

div#side_report01 ul li a{
	color:#333;
	display:block;
}

div#side_report01 ul li a:hover{opacity:0.7;}

div#price01{
	background:url(../report/img/bg_price01.jpg) no-repeat 0 0;
	position:relative;
	width:690px;
	height:130px;
	margin:0 auto;
}

div#price02{
	background:url(../report/img/bg_price02.jpg) no-repeat 0 0;
	position:relative;
	width:690px;
	height:130px;
	margin:0 auto;
}

div#price01 p,
div#price02 p{
	margin-bottom:0;
	position:absolute;
	top:40px;
	right:25px;
}

/* ul
---------------------------------------------- */
/*--nav_report--*/
ul#nav_report{
	background:url(../report/img/nav_report01.jpg) no-repeat 0 0;
	width:100%;
	height:35px;
	margin-bottom:20px;
}

ul#nav_report li{float:left;}

ul#nav_report li.r01{width:83px;}
ul#nav_report li.r02{width:148px;}

ul#nav_report li a{
	display:block;
	height:35px;
}

ul#nav_report li.r01 a{background:url(../report/img/nav_report01.jpg) no-repeat 0 0;}
ul#nav_report li.r02 a{background:url(../report/img/nav_report01.jpg) no-repeat -83px 0;}

ul#nav_report li.r01 a:hover{background:url(../report/img/nav_report01.jpg) no-repeat 0 -35px;}
ul#nav_report li.r02 a:hover{background:url(../report/img/nav_report01.jpg) no-repeat -83px -35px;}

ul#nav_report li.r01 a.active{background:url(../report/img/nav_report01.jpg) no-repeat 0 -70px;}
ul#nav_report li.r02 a.active{background:url(../report/img/nav_report01.jpg) no-repeat -83px -70px;}

ul#nav_report li span{display:none;}

/*--list_report--*/
ul#list_report{
	overflow:hidden;
	margin-bottom:30px;
}

ul#list_report li a{
	background:url(../img/ico_arrow04.png) no-repeat left 0.3em;
	color:#333;
	font-weight:bold;
	line-height:1.2;
	display:block;
	float:left;
	padding:0 30px 0 10px;
}

ul#list_report li a:hover{opacity:0.7;}

/* table
---------------------------------------------- */
table.report01{width:100%;}

table.report01 th{
	background:#EFF9E6;
	border:1px solid #DADBDC;
	padding:8px 10px;
	text-align:left;
}

table.report01 td{
	border:1px solid #DADBDC;
	padding:8px 10px;
	font-size:93%;
}

table.report01 td span{color:#929E9F;}

/* 詳細ページ
---------------------------------------------- */
p#date{
	color:#666666;
	display: inline-block;
}

p#date .ico{
	display: inline-block;
    vertical-align: middle;
    width: 110px;
    margin-left: 10px;
    color: white;
    text-align: center;
    padding: 7px 0 6px;
    line-height: 1;
    font-size: 12px;
    border-radius: 3px;
    position: relative;
    left: 0;
}


p#date .ico.construction{background: #0069B7;}
p#date .ico.trend{background: #00A0B7;}
p#date .ico.editorial{background: #0E8A00;}
p#date .ico.column{background: #9BB700;}
p#date .ico.interview{background: #FFBF00;}
p#date .ico.development{background: #FF803C;}
p#date .ico.featureplan{background: #EF5694;}
p#date .ico.news{background: #7A38DC;}


.writer_single{
	display: inline-block;
	color: #777;
	font-size: 13px;
	margin: 0 10px 0 10px;
}

/* table
---------------------------------------------- */
p#btn_list{
	background:url(../img/ico_list01.gif) no-repeat 0 0;
	margin-top:50px;
	padding:2px 0 3px 30px;
}

p#btn_list a{color:#333;}

p#btn_list a:hover{opacity:0.7;}

/* dl
---------------------------------------------- */
.post_list{
	width:100%;
	overflow:hidden;
}

.post{border-bottom:1px dotted #BCC2C4;}

.post:first-of-type{border-top:1px dotted #BCC2C4;}

.post a{
	display:-webkit-flex;/*--safari用--*/
	display:flex;
	-webkit-justify-content:space-between;/*--safari用--*/
	justify-content:space-between;
	padding:15px 0;
	min-height: 25px;
}
.post a:hover{opacity: 0.7;}

.post_inner01{
	width:200px;
	font-size:93%;
	color:#666666;
	position: relative;
}

.post_inner01 .date{
	margin: 3px 0 0;
	display: inline-block;
}

.post_inner02{width: 545px;}

.post_inner01 .writer{display: none;}
.post_inner02 .writer{
	display: inline-block;
	color: #777;
	font-size: 13px;
	margin: 0 10px 0 0;
}

.post_inner02 h5{
	background:url(../img/ico_arrow04.png) no-repeat 0 0.65em;
	display:inline-block;
	font-weight: normal;
	color:#333;
	padding: 3px 0 0 10px;
}
.post_inner02 h5 .date{display: none;}
.post_inner02 .excerpt{display: none;}

.post_inner02 a:hover{opacity:0.7;}

.writer_single{}

.post.featureplan a{
	display:block;
	overflow: hidden;
}
.post.featureplan a .thumb{
	display: block;
    width: 150px;
    height: 100px;
    background-size: cover;
    background-position: center;
    background-image: url(../report/img/noimage01.jpg);
    float: left;
}
.post.featureplan a .writer{
	display: inline-block;
    margin: 0 0 0 124px;
}
.post a .thumb{
	display: none;
}
.post.featureplan a .post_inner01 {
    width: 595px;
    font-size: 93%;
    color: #666666;
    position: relative;
    float: left;
    padding-left: 15px;
    margin-bottom: 10px;
}
.post.featureplan a .post_inner01:before {
	left: 100px;
}
.post.featureplan a .post_inner02 {
    width: 610px;
    float: left;
    padding-left: 15px;
    padding-right: 0;
    box-sizing: border-box;
}
.post.featureplan a .post_inner02 h5{
	font-size: 18px;
    font-weight: bold;
    line-height: 1.4;
    background-position: 0 7px;
    margin-bottom: 3px;
    padding: 0 0 0 10px;
}
.post.featureplan a .post_inner02 .excerpt{
	display: block;
	color: #333;
}
.post.featureplan a .ico{left: 100px;}

/* カテゴリナビ
---------------------------------------------- */
.nav_category{
	font-size: 0;
	display: flex;
	align-items: baseline;
	justify-content: space-between;
}
.nav_category ul{
	letter-spacing:-0.4em;
	width: 600px;
	padding-right: 44px;
}

.nav_category a.all{
	display: inline-block;
	padding: 7px 15px 5px;
	color: #333;
	border-radius: 50px;
	background:#82929e;
	color: white;
	font-size: 14px;
}
.nav_category ul li{
	display: inline-block;
	letter-spacing: normal;
	margin: 0 15px 15px 0;
	font-size: 14px;
}

.nav_category ul li a.construction{background: #CCE1F1;}
.nav_category ul li a.trend{background: #CCECF1;}
.nav_category ul li a.editorial{background: #CFE8CC;}
.nav_category ul li a.column{background: #EBF1CC;}
.nav_category ul li a.interview{background: #FFF2CC;}
.nav_category ul li a.development{background: #FFE6D8;}
.nav_category ul li a.featureplan{background: #FCDDEA;}
.nav_category ul li a.news{background: #E4D7F8;}

.nav_category ul li:first-child.active a{background: #82929e;}
.nav_category ul li.active a.construction{background: #0069B7;}
.nav_category ul li.active a.trend{background: #00A0B7;}
.nav_category ul li.active a.editorial{background: #0E8A00;}
.nav_category ul li.active a.column{background: #9BB700;}
.nav_category ul li.active a.interview{background: #FFBF00;}
.nav_category ul li.active a.development{background: #FF803C;}
.nav_category ul li.active a.featureplan{background: #EF5694;}
.nav_category ul li.active a.news{background: #7A38DC;}


.nav_category ul li a{
	display: block;
	padding: 7px 15px 5px;
	color: #333;
	border-radius: 50px;
	background:#e6e7e7;
}

.nav_category ul li a:hover{opacity: 0.7;}

.nav_category ul li.active a{color: #FFF;}

/* 人気の記事・コラム
---------------------------------------------- */
.article{font-size: 14px;}

.article p{margin-bottom: 0;}

.article a{
	display: block;
	color: #333;
}

.article a:hover{opacity: 0.7;}

.article .rank{
	font-weight: bold;
	line-height: 1;
}

.article .rank span{
	font-family: Oswald !important;
	font-size: 22px;
}

.article .rank.number1{
	background: url("../img/ico_star01.png") no-repeat 0 0.2em;
	padding-left: 40px;
	line-height: 35px;
}

.article .rank.number2{
	background: url("../img/ico_star02.png") no-repeat 0 0.2em;
	padding-left: 40px;
	line-height: 35px;
}

.article .rank.number3{
	background: url("../img/ico_star03.png") no-repeat 0 0.2em;
	padding-left: 40px;
	line-height: 35px;
}

.article .rank.number4{
	background: url("../img/ico_star04.png") no-repeat 0 0.1em;
	padding-left: 25px;
}

.article .rank.number5{
	background: url("../img/ico_star04.png") no-repeat 0 0.1em;
	padding-left: 25px;
}

.article .access{color: #666666;}

.article h4{font-size: 15px;}

/*--BEST3--*/
.wrap_popular01{
	overflow: hidden;
	margin-bottom: 50px;
}

.article_popular01{width: 230px;}

.article_popular01:nth-child(1){
	float: left;
	margin-right: 35px;
}

.article_popular01:nth-child(2){float: left;}

.article_popular01:nth-child(3){float: right;}

.article_popular01 .item{
	overflow: hidden;
	border-bottom: 2px solid #BCC2C4;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

.article_popular01 .rank{float: left;}

.article_popular01 .access{
	float: right;
	margin-top: 15px;
}

.article_popular01 .ico{
	margin: 6px 0 10px;
    position: relative;
    text-align: center;
    left: 120px;
}
.ico img{
	display: none;
}
.ico{
	color: white;
    background: grey;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 90px;
    padding: 4px 0 2px;
    width: 110px;
    text-align: center;
    font-size: 12px;
    border-radius: 3px;
}

.ico.construction{background:#0069b7;}
.ico.trend{background:#00a0b7;}
.ico.development{background:#ff803c;}
.ico.interview{background: #ffbf00;}
.ico.editorial{background: #0e8a00;}
.ico.column{background: #9bb700;}
.ico.featureplan{background: #ef5694;}
.ico.news{background: #7A38DC;}

.single .ico:before{display: none;}


/*--4位～5位--*/
.wrap_popular02{border-top: 1px dotted #BCC2C4;}

.article_popular02{border-bottom: 1px dotted #BCC2C4;}

.article_popular02 a{
	padding: 15px 0;
	display: table;
	width: 100%;
}

.article_popular02 .rank{
	display: table-cell;
	vertical-align: top;
	width: 70px;
}

.article_popular02 .article_inner{
	display: table-cell;
	vertical-align: top;
	width: 690px;
}

.article_popular02 .item{
	overflow: hidden;
	margin-bottom: 5px;
}

.article_popular02 .access{
	float: left;
	line-height: 25px;
    padding-left: .5rem;
}

.article_popular02 .ico{
	float: left;
	position: relative;
	left: 0;
}
.article_popular02 .ico img{}

.article_popular02 .txt{margin-top: 5px;}

.article_popular02 .txt p{
	width: 690px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.search{text-align: right;}

.search input[type="text"]{
	width: 250px;
    border-radius: 4px;
    border: 1px solid #bcc1c4;
    padding: 4px;
    outline: none;
}

.btn_search{
	border: none;
    font-size: 12px;
    line-height: 1;
    padding: 10px 10px 8px;
    color: #ffffff;
    background: linear-gradient(#55bbe2,#0062aa);
    border-radius: 3px;
    box-shadow: 0px 1px 0 rgb(0, 0, 0);
    cursor: pointer;
    outline: none;
}
.btn_search:hover{opacity:.8;}

.btn_allpost{
	color: #333;
	position: relative;
	padding-left: 30px;
	display: none;
    margin-bottom: 20px;
}
.btn_allpost:hover{
	opacity: .8;
}
.btn_allpost:before{
	content: "";
	display: block;
	width: 24px;
	height: 24px;
	background:url(../img/ico_list01.gif) no-repeat 0 0;
	position: absolute;
	top: -2px;
	left: 0;
}


/*--その他--*/
.link_kd_mail{
	color: #0075cd;
    text-decoration: underline;
    display: block;
    text-align: right;
}
.link_kd_mail:hover{
	opacity: .7;
}