/*
Theme Name: marketing-research-camp
Theme URI: http://marketing-research-camp.com
Description: marketing-research-camp theme
Author: justsystems
Author: URI: https://www.justsystems.com
update: 2016.07.25 -- #globalnavi nav liのwidthを25%に戻し中（新カテゴリ追加時に20%にすること）
*/


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

/*   ■■■■■■■ BASIC ■■■■■■■■■■ */

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

body {
	font-family: 'Meiryo',メイリオ,'Meiryo UI' ,'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック', sans-serif;
	color: #333!important;
	min-width: 1020px;
}
@media screen and (max-width: 767px) {
	body {
		min-width: 100%;
	}
}

a {
	text-decoration: none;
	color:#019af8;
	-webkit-transition: color 200ms linear;
	-moz-transition: color 200ms linear;
	-o-transition: color 200ms linear;
}
a:hover {
	text-decoration:underline;
}
a img {
	border: none;
}
.ul {
	margin: 0;
	padding: 0;
	list-style: none;
}


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

/* utility-style */

/* ---------------------------------------------------------------------------------- */
.pt5  {  padding-top: 5px;   }
.pt10 {  padding-top: 10px;  }
.pt15 {  padding-top: 15px;  }
.pt20 {  padding-top: 20px;  }
.pt25 {  padding-top: 25px;  }
.pt30 {  padding-top: 30px;  }
.pt40 {  padding-top: 40px;  }
.pt50 {  padding-top: 50px;  }
.pt70 {  padding-top: 70px;  }

.pr5  {  padding-right: 5px;   }
.pr10 {  padding-right: 10px;  }
.pr15 {  padding-right: 15px;  }
.pr20 {  padding-right: 20px;  }
.pr25 {  padding-right: 25px;  }
.pr30 {  padding-right: 30px;  }
.pr40 {  padding-right: 40px;  }
.pr50 {  padding-right: 50px;  }

.pb5  {  padding-bottom: 5px;   }
.pb10 {  padding-bottom: 10px;  }
.pb15 {  padding-bottom: 15px;  }
.pb20 {  padding-bottom: 20px;  }
.pb25 {  padding-bottom: 25px;  }
.pb30 {  padding-bottom: 30px;  }
.pb40 {  padding-bottom: 40px;  }
.pb50 {  padding-bottom: 50px;  }

.pl5  {  padding-left: 5px;   }
.pl10 {  padding-left: 10px !important;}
.pl15 {  padding-left: 15px !important;}
.pl20 {  padding-left: 20px !important;}
.pl25 {  padding-left: 25px;  }
.pl30 {  padding-left: 30px;  }
.pl40 {  padding-left: 40px;  }
.pl50 {  padding-left: 50px;  }

.mt5  {  margin-top: 5px;   }
.mt10 {  margin-top: 10px;  }
.mt15 {  margin-top: 15px;  }
.mt20 {  margin-top: 20px;  }
.mt25 {  margin-top: 25px;  }
.mt30 {  margin-top: 30px;  }
.mt35 {  margin-top: 35px;  }
.mt40 {  margin-top: 40px;  }
.mt50 {  margin-top: 50px;  }

.mr5  {  margin-right: 5px;   }
.mr10 {  margin-right: 10px;  }
.mr15 {  margin-right: 15px;  }
.mr20 {  margin-right: 20px;  }
.mr25 {  margin-right: 25px;  }
.mr30 {  margin-right: 30px;  }
.mr40 {  margin-right: 40px;  }
.mr50 {  margin-right: 50px;  }

.mb5  {  margin-bottom: 5px;   }
.mb10 {  margin-bottom: 10px;  }
.mb15 {  margin-bottom: 15px;  }
.mb20 {  margin-bottom: 20px;  }
.mb25 {  margin-bottom: 25px;  }
.mb30 {  margin-bottom: 30px;  }
.mb40 {  margin-bottom: 40px;  }
.mb50 {  margin-bottom: 50px;  }

.ml5  {  margin-left: 5px;   }
.ml10 {  margin-left: 10px;  }
.ml15 {  margin-left: 15px;  }
.ml20 {  margin-left: 20px;  }
.ml25 {  margin-left: 25px;  }
.ml30 {  margin-left: 30px;  }
.ml40 {  margin-left: 40px;  }
.ml50 {  margin-left: 50px;  }

.small-text { font-size: 0.8em; }

/* decoration
----------------------------------- */
.bold,
.normal-b { font-weight: bold;}
.red      { color: #ff0000;}
.red-b,
.fred-b   { color: #ff0000; font-weight: bold;}
.blue     { color: #6999c0;}
.blue-b   { color: #0669d6; font-weight: bold;}
.green    { color: #53a608;}
.green-b  { color: #79a100; font-weight: bold;}
.blue     { color: #0669d6;}
.orange   { color: #fd9802;}
.orange-b { color: #fd9802; font-weight: bold;}
.f-bold   { color:#7a5720; font-weight:bold;}


.a-bold {

	font-weight: bold;
	font-size: 110%;

}


.pink     { background-color: #F39 !important;}
.blue     { background-color: #69C !important;}
.green    { background-color: #00C300 !important;}
.red      { background-color: #C33 !important;}
.mar      { background-color: #BCBCBC;}
.res      { background-color: #389df4;}

.al-r { text-align: right;}
.al-c { text-align: center;}

.arrow-link   { text-align: right;}
.arrow-link a {
	background: url(images/arrow.png) no-repeat 0 center;
	padding-left: 12px;
	background-size: 10px 10px;
	-webkit-background-size: 10px 10px;
	-moz-background-size: 10px 10px;
	font-size: 0.9em;
	text-decoration: underline;
}

.icon-new {
	background-color: #ffc600;
	border-radius: 10px;
	color: #fff;
	line-height: 1.5;
	padding: .1em .8em;
	font-size: 14px;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
	text-shadow: 1px 1px 0 #aaa;
}

.fs15{
font-size:1.5em !important;}
.fs20{
font-size:2em !important;}
.fs25{
font-size:2.5em !important;}

/* block
----------------------------------- */
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto
}
.alignleft {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px
}
.alignright {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px
}
.wp-caption {
	border: solid 1px #aaa;
	text-align: center;
	padding-top: 5px
}


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

/*   ■■■■■■■ HEADER ■■■■■■■■■■ */

/* ---------------------------------------------------------------------------------- */
#header {
	width: 100%;
	margin: 0 auto;
	background: #009afe;
	padding: 13px 0 13px 0;
	z-index: 4;
	position: fixed;
}
#header-inner {
	width:960px;
	margin:0 auto;
}
@media screen and (max-width: 767px) {
	#header {
		padding-bottom: 2px;
	}
	#header-inner {
		width: 96%;
		padding: 5px 2% 0px 2%;
	}
}

#header-inner .left {
	float: left;
	display: inline;
	width: 500px;
}
#header-inner .right {
	float: right;
	display: inline;
	width: 400px;
}
@media screen and (max-width: 767px) {
	#header-inner .left {
		width: 80%;
	}
	#header-inner .right {
		width: 10%;
	}
}

#header-inner .sb-toggle-left,
#header-inner .sb-toggle-right,
#header-inner .logo {
	display: inline;
	cursor: pointer;
}
#header-inner .logo img {
	position: relative;
	top: 2px;
	left: 10px;
}
#header-inner .sb-toggle-left img {
	position: relative;
	top: -6px;
}
#header-inner .right form {
	float: right;
	display: inline;
	width: 230px;
}
#header-inner .sb-toggle-right {
	float: right;
	display: inline;
	width: 10px;
}
#header-inner .sb-toggle-right img {
	position:relative;
	top:3px;
}
@media screen and (max-width: 767px) {
	#header-inner .sb-toggle-right img {
		width:6px;
		height:auto;
		padding: 2px 3px 15px 0;
	}
}

/* 検索窓 */
#header-inner input.search-field {
	background: #fff;
	border: none;
	color: #146295;
	font-family: 'Meiryo UI','Meiryo','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}
#header-inner input.search-field:hover {
	background: #ffffcc;
}
#header-inner .screen-reader-text {
	display: none;
}
#header-inner .search-submit {
	background: url(images/header-search.png);
	width: 30px;
	text-align: center;
	height: 30px;
	text-indent: -9999px;
	border: none;
	background-size: 30px 30px;
	position: relative;
	top: 2px;
}
@media screen and (max-width: 767px) {
	#header-inner .search-submit {
		display: none;
	}
}


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

/*   ■■■■■■■ DRAWERMENU ■■■■■■■■■■ */

/* ---------------------------------------------------------------------------------- */
.drawermenu {
	padding: 20px 8% 10px 8%;
}
.drawermenu li {
	padding: 12px 5px 10px 5px;
	line-height: 1.75;
	font-size: 1.2em;
	border-bottom: solid 1px #1e7dfd;
	list-style-type: none;
}
.drawermenu li a {
	color: #009dfe;
}
.drawer-logo {
	padding: 30px 8% 0 8%;
}


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

/*   ■■■■■■■ SB LIGHT SOCIAL ■■■■■■■■■■ */

/* ---------------------------------------------------------------------------------- */
.sb-right .social {
	padding: 20px 8% 0 8%;
}
.sb-right .social li {
	list-style-type: none;
	padding: 10px 0 10px 0;
}
.sb-right .social li.share-text {
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
	color: #777;
	font-size: 1.2em;
	font-weight: bold;
}


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

/*   ■■■■■■■ GLOBALNAVI ■■■■■■■■■■ */

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

#globalnavi nav {
	width: 960px;
	margin: 50px auto 0;
	padding: 50px 0 40px 0;
}
.home #globalnavi nav {
	margin-top: 0;
}
@media screen and (max-width: 767px) {
	#globalnavi nav {
		width: 98%;
		margin: 0 auto;
		padding-top: 90px;
	}
	.home #globalnavi nav {
		padding-top: 30px;
	}
}

#globalnavi nav li {
	float: left;
	width: 20%;
	/*width: 20%;*/
	list-style: none;
}
#globalnavi nav li a {
	display: block;
	text-align: center;
	color: #009eff;
	border-left: solid 1px #ccc;
	font-family: 'Meiryo UI','Meiryo','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}
#globalnavi nav li:last-child a {
	border-right: solid 1px #ccc;
}
@media screen and (max-width: 767px) {
	#globalnavi nav li a {
		padding: 0 3%;
		font-size: 0.8em;
		line-height: 1.2;
		min-height: 40px;
	}
	#globalnavi nav li:first-child a {
		border-left: none;
	}
	#globalnavi nav li:last-child a {
		border-right: none;
	}
}

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

/*   ■■■■■■■ #breadcrumb ■■■■■■■■■■ */

/* ---------------------------------------------------------------------------------- */
#breadcrumb {
	padding: 0px 20px 30px 60px;
	width: 880px;
	margin: 0 auto;
	background: url(images/icon-breadcrumb.png) no-repeat 0 0;
	line-height: 1.7;
}
.search-results div#breadcrumb {
	padding: 4px 20px 40px 60px;
	/*line-height: 1.7;*/
}
#breadcrumb a {
	text-decoration: none;
	font-family: 'Meiryo UI','Meiryo','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 1.1em;
	color: #009eff;
	line-height: 1.7;
}
div#breadcrumb a:hover {
	text-decoration: none;
}
#breadcrumb div {
	display: inline;
	color: #009eff;
}
@media screen and (max-width: 767px) {
	#breadcrumb {
		padding: 2px 4% 30px 5%;
		width: 91%;
		margin: 0 auto;
		background: url(images/icon-breadcrumb.png) no-repeat 10px 6px;
		background-size: 17px 17px;
		font-size: 0.9em;
		text-indent: 20px;
	}
	#breadcrumb:before {
		padding: 0px 0px 0px 10px;
	}
}


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

/*   ■■■■■■■ MAIN-IMG ■■■■■■■■■■ */

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

#main-img {
	width :100%;
	height: 385px;
	background: url(images/main-img-bg.png);
	background-size: cover;
	padding: 200px 0 0 0;
}
#main-img-inner {
	width: 770px;
	margin: 0 auto;
}
@media screen and (max-width: 767px) {
	#main-img {
		padding-top: 130px;
	}
	#main-img-inner {
		width: 96%;
	}
}

#main-img-top .left {
	float: left;
	display: inline;
	width: 150px;
}
#main-img-top .left img {
	width: 150px;
	height: auto;
}
@media screen and (max-width: 767px) {
	#main-img-top .left {
		float: none;
		margin: 0 auto;
		display: block;
	}
}

#main-img-top .right {
	float: left;
	display: inline;
	width: 580px;
	padding: 0 0 0 40px;
}
#main-img-top .right h2 {
	color: #fff;
	font-family: 'Meiryo','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	font-weight: normal;
	font-size: 2.2em;
	line-height: 1.5;
}
#main-img-top .right h3 {
	color: #fff;
	font-family: 'Meiryo UI','Meiryo','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	font-weight: normal;
	font-size: 1.7em;
	letter-spacing: 1px;
}
#main-img-top .right h4 {
	text-align: right;
	padding: 10px 20px 0 0;
}
@media screen and (max-width: 767px) {
	#main-img-top .right {
		width: 80%;
		float: none;
		text-align: center;
	}
	#main-img-top .right h2 {
		font-size: 1.1em;
	}
	#main-img-top .right h3 {
		font-size: 1.1em;
	}
	#main-img-top .right h4 img {
		width: 150px;
		height: auto;
	}
}

#main-img-inner .description {
	padding: 100px 0 0 0;
}
#main-img-inner .description p {
	font-size: 1.1em;
	line-height: 1.6;
	color: #fff;
	padding: 0 0 0 8px;
}
@media screen and (max-width: 767px) {
	#main-img-inner .description {
		padding: 20px 2% 0 2%;
		font-size: 12px;
	}
	#main-img-inner .description p {
		padding: 0;
	}
}


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

/*   ■■■■■■■ TOP-ACCORDION ■■■■■■■■■■ */

/* ---------------------------------------------------------------------------------- */
#top-accordion {
	display: none!important;
}
#top-accordion {
	width: 960px;
	margin: 0 auto;
	padding: 0 0 30px 0;
}
#menu {
	margin: 0px auto 0;
	border-bottom: none;
	position: relative;
}
.main_menu {
	color: #a22041;
	font-weight: bold;
	cursor: pointer;
	width: 180px;
	position: absolute;
	top: -64px;
	right: -180px;
}
.sub_menu {
	padding: 0px 0 0 0;
}
.sub_menu li {
	float: left;
	padding: 13px 24px 0;
	border: 1px solid #e5e4e6;
	font-size: 11pt;
	font-weight: bold;
	width: 154px;
	margin: -1px 20px 0 20px;
	list-style: none;
}
.sub_menu li:last-child {
	margin: -1px 0px 0 20px;
}
.sub_menu li a {
	color: #9e9478;
	display: block;
}
.top-accordion-list {
	padding: 0 0 10px 0;
}
.top-accordion-list .cat-icon {
	text-align: center;
	padding: 30px 0 50px 0;
}
.top-accordion-list .cat-icon img {
	width: 60px;
	height: 60px;
}
.top-accordion-list h2 {
	color: #009dfe;
	font-family: 'Meiryo UI' ,'Meiryo',メイリオ,'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック', sans-serif;
	padding: 10px 0 5px 0;
	font-size: 1.0em;
	line-height: 1.3;
	min-height: 40px;
}
.top-accordion-list .sentence {
	color: #009dfe;
	font-family: 'Meiryo UI' ,'Meiryo',メイリオ,'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック', sans-serif;
	padding: 10px 0 10px 0;
	font-size: .75em;
	line-height: 1.6;
}
.top-accordion-list .more {
	text-align: right;
}
.top-accordion-list .more img {
	width: 50px;
	height: auto;
}


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

/*   ■■■■■■■ ARTICLE-LIST-BAS ■■■■■■■■■■ */

/* ---------------------------------------------------------------------------------- */
.double-box {
	float: left;
	display: inlilne;
	width: 460px;
	border: solid 1px #ddd;
	margin: 0 0 20px 0;
	box-shadow: rgba(209, 209, 209, 0.65098) 0px 5px 6px 3px;
	-webkit-box-shadow: rgba(209, 209, 209, 0.65098) 0px 5px 6px 3px;
	-moz-box-shadow: rgba(209, 209, 209, 0.65098) 0px 5px 6px 3px;
}
@media screen and (min-width: 768px) {
	.double-box:nth-child(2) {
		float: right;
	}
}
.double-box .thumb {
	width: 460px;
}
.double-box .thumb img {
	width: 100%;
	height: auto;
}
@media screen and (max-width: 767px) {
	.double-box {
		float: none;
		width: 96%;
		margin: 0 auto 20px;
	}
	.double-box .thumb {
		width: 100%;
	}
	.thumb img {
		width: 100%;
		height: auto;
	}
}

.double-box .summary {
	padding: 20px 35px 10px 35px;
}
@media screen and (max-width: 767px) {
	.double-box .summary {
		padding: 10px 3%;
	}
}
.summary > h2 {
	font-weight: bold;
	line-height: 1.5;
	font-size: 1.2em;
	margin: 0 0 .8em 0;
}
@media screen and (min-width: 768px) {
	.summary > h2 {
		height: 4.2em;
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
	}
}
.summary > h2 a {
	color: #333;
}
.double-box .summary > h2 {
	font-size: 1.4em;
}

.category-heading {
	position: relative;
	background: #0098ff;
	color: #fff;
}
@media screen and (min-width: 768px) {
	.category-heading {
		margin: -1px 0 0 -24px;
	}
	.category-heading::before {
		content: '';
		position: absolute;
		top: 100%;
		border-style: solid;
		border-color: transparent;
		left: 0;
		border-width: 0 24px 24px 0;
		border-right-color: #001db9;
	}
	.category-heading.small {
		margin-left: -12px;
	}
	.category-heading.small::before {
		border-width: 0 12px 12px 0;
	}
	.category-heading .cat-icon img {
		width: auto;
		height: 55px;
		vertical-align: bottom;
	}
	.category-heading.small .cat-icon img {
		height: 28px;
	}
	.category-heading .cat-name {
		font-size: 1.1em;
		line-height: 55px;
	}
	.category-heading.small .cat-name {
		font-size: 0.85em;
		line-height: 28px;
	}
}
@media screen and (max-width: 767px) {
	.category-heading,
	.category-heading.small {
		width: 100%;
		height: 40px;
		overflow: hidden;
		position: relative;
	}
	.category-heading > span {
		display: block;
		float: left;
	}
	.category-heading .cat-icon {
		width: 50px;
		height: 40px;
	}
	.category-heading .cat-icon img {
		width: auto;
		height: 40px;
	}
	.category-heading .cat-name {
		font-size: 1em;
		line-height: 40px;
	}
}

@media screen and (min-width: 768px) {
	.category-heading .icon-new {
		position: absolute;
		right: 30px;
		top: 32%;
		font-size: 14px;
	}
	.category-heading.small .icon-new {
		padding: 0 .5em .1em;
		line-height: 1.3;
		top: 5px;
		right: 10px;
		font-size: 12px;
	}
	.category-box .category-heading.small .icon-new {
		top: 1px;
		left: 90px;
	}
}
@media screen and (max-width: 767px) {
	.category-heading .icon-new {
		position: absolute;
		top: 12px;
		right: 10px;
		font-size: 12px;
	}
}

.category-heading .icon-recommend {
	display: none!important;
}

.double-box .date,
.small-box .date,
.category-box .date {
	color: #c7c7c7;
	line-height: 1.5;
}
.double-box .sentence {
	color: #c7c7c7;
	line-height: 1.5;
	font-size: 0.9em;
}
@media screen and (min-width: 768px) {
	.double-box .sentence {
		height: 4.5em;
	}
}




.small-box, .category-box {
	float: left;
	width: 294px;
	border: solid 1px #ddd;
	-webkit-box-shadow: rgba(209, 209, 209, 0.65098) 0px 5px 6px 3px;
	-moz-box-shadow: rgba(209, 209, 209, 0.65098) 0px 5px 6px 3px;
	box-shadow: rgba(209, 209, 209, 0.65098) 0px 5px 6px 3px;
	margin: 20px 36px 30px 0;
}
@media screen and (min-width: 768px) {
	.small-box, .category-box {
		min-height: 575px;
	}
	.small-box .repeort-side, .category-box .repeort-side {
		margin-left: -16px;
	}
	.small-box .more, .category-box .more {
		margin-right: -4px;
	}
}

@media screen and (min-width: 768px) {
	.home .small-box:nth-child(3n) {
		margin: 20px 0 0px 0!important;
	}
	.page-list-of-articles .small-box:nth-child(2n),
	.tag .small-box:nth-child(2n) {
		margin: 20px 0 0px 0!important;
	}
	.small-box .thumb, .category-box .thumb {
		width: 294px;
		height: 167px;
		overflow: hidden;
	}
}

.small-box .thumb img, .category-box .thumb img {
	width: 100%;
	height: auto;
	margin: 0 auto;
}
.small-box .summary, .category-box .summary {
	padding: 20px 25px 10px 25px;
}
@media screen and (max-width: 767px) {
	.small-box, .category-box {
		float: none;
		width: 96%;
		margin: 20px auto;
	}
	.small-box .summary, .category-box .summary {
		padding: 10px 3%;
	}
}
.small-box .sentence, .category-box .sentence {
	color: #c7c7c7;
	line-height: 1.5;
	font-size: 0.9em;
}
@media screen and (min-width: 768px) {
	.small-box .sentence, .category-box .sentence {
		height: 6em;
		overflow: hidden;
	}
}

@media screen and (min-width: 768px) {
	.category-box:nth-child(2n) {
		margin-right: 0;
	}
}


.article-list-btn {
	background: #e6e6e6;
	border: solid 1px #d6d6d6;
	-webkit-box-shadow: rgba(214, 214, 214, 0.65098) 0px 0px 6px 3px;
	-moz-box-shadow: rgba(214, 214, 214, 0.65098) 0px 0px 6px 3px;
	box-shadow: rgba(214, 214, 214, 0.65098) 0px 0px 6px 3px;
	padding: 10px 0 10px 0;
}
@media screen and (max-width: 767px) {
	.article-list-btn {
		margin-top: 30px;
	}
}

.article-list-btn a {
	display :block;
	width: 35%;
	margin: 0 auto;
	text-align: center;
	background: #009afe;
	color: #fff;
	font-size: 1.0em;
	font-weight: bold;
	border-radius: 13px;
	padding: 3px 0 3px 0;
	line-height: 1.5;
	font-family: 'Meiryo UI' ,'Meiryo',メイリオ,'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック', sans-serif;
}
@media screen and (max-width: 767px) {
	.article-list-btn a {
		width: 90%;
	}
}

.article-list-btn-bottom {
	padding: 0 0 40px 0;
	margin-bottom: 70px;
	border-bottom: solid 1px #ccc;
}

.category-box .icon-new,
.category-box .icon-recommend {
	position: relative;
	top: -7px;
}
.category-box h2 a {
	color: #333;
}


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

/*   ■■■■■■■ FILM ROLL PAGER ■■■■■■■■■■ */

/* ---------------------------------------------------------------------------------- */
#film_roll_slider {
	padding: 20px 0 0 0;
	height: 580px;
}
.film_roll_pager {
	display: none;
}
.film_roll_wrapper {
	overflow: hidden;
	padding: 0;
}
.film_roll_shuttle {
	position: relative;
}

#film_roll_arrow {
	position: relative;
}
.btn_prev,
.btn_next {
	position: absolute;
	top: -430px;
	width: 65px;
	height: 65px;
}
.btn_prev { left: -15px;}
.btn_next { right: -15px;}

.btn_prev img,
.btn_next img {
	width: 65px;
	height: auto;
	opacity: 1.0;
}
.btn_prev:hover,
.btn_next:hover {
	opacity: 0.5;
}
.film_roll_pager {
	text-align: center;
}
.film_roll_pager a {
	display: inline-block;
	width: 150px;
	height: 93px;
	margin: 0 15px 0 0;
}



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

/*   ■■■■■■■ CAROUSEL-FOUR-LIST ■■■■■■■■■■ */

/* ---------------------------------------------------------------------------------- */
h2.headline-a {
	color: #019af8;
	font-size: 1.7em;
	padding: 10px 10px 10px 10px;
	line-height: 1.5;
	border-bottom: solid 1px #d0d0d0;
	font-family: 'Meiryo','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	letter-spacing: 2px;
}
h2.headline-a a{
	text-decoration: none;
}
h2.headline-a a:hover {
	text-decoration: none;
}

.carousel-four-box {
	width: 220px!important;
	min-height: 500px;
	margin-right: 20px;
	border: solid 1px #ddd;
	-webkit-box-shadow: rgba(209, 209, 209, 0.65098) 0px 5px 6px 3px;
	-moz-box-shadow: rgba(209, 209, 209, 0.65098) 0px 5px 6px 3px;
	box-shadow: rgba(209, 209, 209, 0.65098) 0px 5px 6px 3px;
	/*display: inline;
	float: left;*/
}
.carousel-four-box .thumb img {
	width: 220px;
	height: auto;
}
.carousel-four-box .summary {
	padding: 20px 20px 10px 20px;
}
.carousel-four-box .cat-name {
	color: #009dfe;
	position: relative;
	top: -4px;
	font-size: 0.75em;
}
.carousel-four-box .cat-icon img {
	width: 15px;
	height: auto;
	padding: 0 0px 0 0;
}
.carousel-four-box h2 {
	font-weight: bold;
	line-height: 1.5;
	font-size: 0.9em;
	padding: 10px 0 10px 0;
}
@media screen and (min-width: 768px) {
	.carousel-four-box h2 {
		height: 4.6em;
	}
}
.carousel-four-box h2 a {
	color: #000;
}
.carousel-four-box .date {
	color: #c7c7c7;
	font-size: 2pt;
	line-height: 1.5;
	position: relative;
	top: -5px;
	font-family: Verdana, Geneva, sans-serif,'Meiryo',メイリオ,'Meiryo UI' ,'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック', sans-serif;
}
.carousel-four-box .sentence {
	color: #c7c7c7;
	line-height: 1.5;
	font-size: 0.8em;
}


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

/*   ■■■■■■■ FILM ROLL PAGER2 ■■■■■■■■■■ */

/* ---------------------------------------------------------------------------------- */
#film_roll_slider2 {
	padding: 20px 0 0 0;
	height: 630px;
}
#film_roll_arrow2 {
	position: relative;
}
#film_roll_arrow2 .btn_prev,
#film_roll_arrow2 .btn_next {
	position: absolute;
	top: -430px;
	width: 65px;
	height: 65px;
}
#film_roll_arrow2 .btn_prev { left: -15px;}
#film_roll_arrow2 .btn_next { right: -15px;}

#film_roll_arrow2 .btn_prev img,
#film_roll_arrow2 .btn_next img {
	width: 65px;
	height: auto;
	opacity: 1.0;
}
#film_roll_arrow2 .btn_prev:hover,
#film_roll_arrow2 .btn_next:hover {
	opacity: 0.5;
}
.film_roll_pager {
	text-align: center;
}
.film_roll_pager a {
	display: inline-block;
	width: 150px;
	height: 93px;
	margin: 0 15px 0 0;
}
.film_roll_child{
	padding: 0!important;
}


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

/*   ■■■■■■■ TOP-SEMINAR-LIST ■■■■■■■■■■ */

/* ---------------------------------------------------------------------------------- */
.top-seminar-box{
	width: 460px!important;
	min-height: 500px;
	margin-right: 40px;
	border: solid 1px #ddd;
	-webkit-box-shadow: rgba(209, 209, 209, 0.65098) 0px 5px 6px 3px;
	-moz-box-shadow: rgba(209, 209, 209, 0.65098) 0px 5px 6px 3px;
	box-shadow: rgba(209, 209, 209, 0.65098) 0px 5px 6px 3px;
	display: inline;
	float: left;
	padding: 0;
}
.top-seminar-box .thumb img {
	width: 460px;
	height: auto;
}
@media screen and (max-width: 767px) {
	.top-seminar-box {
		width: 280px!important;
		margin-right: 15px;
		margin-left: 15px;
		border:solid 1px #ddd;
	}
	.top-seminar-box .thumb img {
		width: 100%;
		height: auto;
	}
}

.top-seminar-box .summary {
	padding: 20px 20px 10px 20px;
}

.top-seminar-box .cat-name {
	color: #009dfe;
	position: relative;
	top: -4px;
	font-size: 0.75em;
}
.top-seminar-box .cat-icon img {
	width: 15px;
	height: auto;
	padding: 0 0px 0 0;
}
.top-seminar-box h2 {
	font-weight: bold;
	line-height: 1.5;
	font-size: 1.1em;
	padding: 10px 0 10px 0;
}
@media screen and (min-width: 768px) {
	.top-seminar-box h2 {
		min-height: 4em;
	}
}
.top-seminar-box h2 a {
	color: #333;
}
.top-seminar-box .date {
	color: #c7c7c7;
	font-size: 2pt;
	line-height: 1.5;
	position: relative;
	top: -5px;
	font-family: Verdana, Geneva, sans-serif,'Meiryo',メイリオ,'Meiryo UI' ,'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック', sans-serif;
}
.top-seminar-box .sentence {
	color: #c7c7c7;
	line-height: 1.5;
	font-size: 0.8em;
}
@media screen and (min-width: 768px) {
	.top-seminar-box .sentence {
		height: 6em;
	}
}


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

/*   ■■■■■■■ FOOTER ■■■■■■■■■■ */

/* ---------------------------------------------------------------------------------- */
#footer {
	width: 960px;
	margin: 0 auto;
	clear: both;
	padding: 50px 0 0 0;
}
@media screen and (max-width: 767px) {
	#footer{
		width: 96%;
	}
}

#footer2{
	width: 1080px;
	margin: 0 auto;
}

#footer .footer-box {
	float: left;
	/*display: inline;*/
	width: 244px;
	margin: 0 35px 36px 0;
	padding: 20px 25px 20px 25px;
	min-height: 310px;
	border: solid 1px #ddd;
	-webkit-box-shadow: rgba(209, 209, 209, 0.65098) 0px 5px 6px 3px;
	-moz-box-shadow: rgba(209, 209, 209, 0.65098) 0px 5px 6px 3px;
	box-shadow: rgba(209, 209, 209, 0.65098) 0px 5px 6px 3px;
}
@media screen and (max-width: 767px) {
	#footer .footer-box{
		float: none;
		width: 90%;
		/*display: block;*/
		margin: 0 0px 36px 0;
		padding: 20px 5% 20px 5%;
	}
}

#footer2 .footer-box {
	float: left;
	display: inline;
	width: 300px;
	margin: 0 25px 20px 0;
	padding: 20px 20px 20px 20px;
	min-height: 310px;
	border: solid 1px #ddd;
	-webkit-box-shadow: rgba(209, 209, 209, 0.65098) 0px 5px 6px 3px;
	-moz-box-shadow: rgba(209, 209, 209, 0.65098) 0px 5px 6px 3px;
	box-shadow: rgba(209, 209, 209, 0.65098) 0px 5px 6px 3px;
}
#footer .footer-box:nth-child(3n),
#footer2 .footer-box:nth-child(3n) {
	margin: 0 0px 36px 0;
}

.footer-box h2.title,
.sidebar-box h2.title {
	color: #0396fd;
	text-align: center;
	line-height: 1.5;
	font-size: 1.2em;
	border-bottom: solid 1px #dcdcdc;
	padding: 10px 0 20px 0;
}


#tag-post h4 {
	display: none;
}
#tag-post ul {
	padding: 10px 0 0 0;
}
#tag-post ul li{
	float: left;
	list-style-type: none;
	line-height: 1.3;
	padding: 5px 10px 5px 10px
}


/*@media screen and (max-width: 767px) {
	#social-post{
		display: none;
	}
}*/
#social-post .social-top {
	padding:50px 0px 0px 0px;
}
#social-post .social-top .fb-icon,
#social-post .social-top .tw-icon,
#social-post .social-top .ht-icon {
	float: left;
	display: inline;
	width: 65px;
	text-align: center;
}
#social-post .social-top .fb-icon {	padding: 0 0 0 5px;}
#social-post .social-top .fb-icon,
#social-post .social-top .tw-icon { margin:0 20px 0 0;}

#social-post .social-bottom .fb-box,
#social-post .social-bottom .tw-box,
#social-post .social-bottom .ht-box { float:left; display:inline;}
#social-post .social-bottom .fb-box { width:60px; margin:20px 10px 0 3px;}
#social-post .social-bottom .tw-box {
	width: 60px;
	margin: 20px 10px 0 0;
	padding: 0 0 0 18px;
}
#social-post .social-bottom .ht-box {
	width: 60px;
	margin: 20px 0px 0 0;
}

#social-post .webpush {
	clear: both;
	background: #e8eff7;
	box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.2) inset;
	margin-top: 20px;
	padding: 12px;
	color: #444;
	text-align: center;
}
#social-post .webpush > p {
	margin-bottom: 8px;
	font-size: 0.9em;
	line-height: 1.3;
}

#fastask-post .logo {
	padding: 20px 0 40px 0;
	text-align: center;
}
#fastask-post .logo img {
	width: 210px;
	height: auto;
}
#fastask-post .catch {
	color: #0e217f;
	font-weight: bold;
	font-size: 1.0em;
	line-height: 1.3;
	padding: 10px 0 0px 0;
}
#fastask-post .name {
	color: #0e217f;
	font-weight: bold;
	font-size: 1.5em;
	line-height: 1.3;
	padding: 0px 0 20px 0;
}
#fastask-post .explain {
	color: #0e217f;
	font-weight :bold;
	font-size: 0.9em;
	line-height: 1.3;
}
#fastask-post a {
	color: #0e217f;
	text-decoration: none;
}
#fastask-post a:hover {
	color: #0e217f;
}

#footernavi ul{
	width: 980px;
	margin: 0 auto;
	text-align: center;
	padding: 20px 0 30px 0;
}
@media screen and (max-width: 767px) {
	#footernavi ul {
		width: 98%;
	}
}

#footernavi ul li {
	display: inline;
	text-align: center;
	border-right: solid 1px #333;
}
#footernavi ul li a {
	font-size :0.7em;
	padding: 0px 30px 0px 30px;
	text-align: center;
	color: #000;
	line-height: 1.3;
}
#footernavi ul li:first-child {
	border-left: solid 1px #000;
}


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

/*   ■■■■■■■■  CONTAINER ■■■■■■■■■■ */

/* ---------------------------------------------------------------------------------- */
#container {
	width: 100%;
	margin: auto;
}
@media screen and (max-width: 767px) {
	/* ドロワーメニュー */
	div#sb-site.main-content {
		width: 100%!important;
	}
}

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

/*   ■■■■■■■■  CONTENT-WRAPPER ■■■■■■■■■■ */

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

#content-wrapper {
	zoom: 100%;
	width: 100%;
	margin: 0 auto;
	padding: 0 0 40px 0;
}
@media screen and (min-width: 768px) {
	#content-wrapper {
		width: 960px;
	}
}


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

/*   ■■■■■■■■  CONTENT ■■■■■■■■■■ */

/* ---------------------------------------------------------------------------------- */
div.box {
	box-shadow: 0 12px 10px -6px rgba(0,0,0,.3);
}

#content {
	width: 640px;
	float: left;
}
@media screen and (max-width: 767px) {
	#content {
		width: 100%;
		float: none;
	}
	.single-content {
		width: 94%;
		padding: 0 3%;
	}
}
@media screen and (min-width: 768px) {
	.home #content {
		width: 960px;
		margin: 0 auto;
		float: none;
	}
	.single #content {
		width: 610px;
	}
	.page-template-page-lp-php #content {
		width: 960px;
		margin: 0 auto;
		float: none;
	}
	.single #single-content {
		width: 96%;
		margin: 0 auto;
	}
}


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

/*   ■■■■■■■■  SIDEBAR ■■■■■■■■■■ */

/* ---------------------------------------------------------------------------------- */
#sidebar {
	width: 296px;
	float: right;
	margin: 40px 0 0 0;
}
@media screen and (max-width: 767px) {
	#sidebar{
		width: 100%;
		float: none;
		margin:40px auto 0;
	}
	.single #sidebar{
		width: 96%;
		padding: 0 2% 0 2%;
	}
}
@media screen and (min-width: 768px) {
	.single #sidebar,
	.search-results #sidebar { margin: 0;}
	.home #sidebar { margin:5px 0 0 0;}
}

#sidebar .widget {
	margin: 0 0 25px 0;
}

.sidebar-box {
	width: 244px;
	margin: 0 35px 20px 0;
	padding: 20px 25px 20px 25px;
	min-height: 310px;
	border: solid 1px #ddd;
	-webkit-box-shadow: rgba(209, 209, 209, 0.65098) 0px 5px 6px 3px;
	-moz-box-shadow: rgba(209, 209, 209, 0.65098) 0px 5px 6px 3px;
	box-shadow: rgba(209, 209, 209, 0.65098) 0px 5px 6px 3px;
}
@media screen and (max-width: 767px) {
	.sidebar-box {
		width: 86%;
		margin: 0  auto 35px;
		padding: 20px 5% 20px 5%;
	}
}

#sidebar li li a {
	font-size: 0.9em;
	line-height: 1.4;
	display: block;
	padding: 0 13px 0 26px;
	background: (images/arrow.png) no-repeat 13px 4px;
}

.side-google-map {
	font-size: 0.8em;
}
.side-google-map p {
	line-height: 1.75;
	padding: 0px 0 0px 0;
	border-bottom: dotted 1px #aaa;
}

.widget_archive select {
	width: 100%;
	margin: 20px 0 0;
}

/*--------------------------*/
/*    .post-footer  */
/*--------------------------*/
.post-footer {
	width: 100%;
	border-bottom: solid 1px #fff;
	padding: 5px 0 5px 0;
}
.post-footer .thumb {
	float: left;
	width: 74px;
	display: inline;
}
.post-footer .thumb img {
	border: solid 2px #fff;
}
.post-footer .right {
	float: right;
	width: 210px;
	display: inline;
	line-height: 1.5;
}
.post-footer .right h4 {
	font-size: 0.9em;
}
.post-footer .right .postinfo {
	font-size: 0.8em;
}
/* コピーライト表記 */
#copyright {
	margin: 1px 0 0 0;
	text-align: center;
	font-size: 0.7em;
	font-weight: bold;
	padding: 33px 0 33px 0;
	color: #fff;
	background: #009aff;
}
#copyright a {
	color: #fff;
	text-decoration: none;
}


/*--------------------------*/
/* スライドショー */
/*--------------------------*/
#slideshow {
	height: 253px;
}


/*--------------------------*/
/* サイドのサブメニュー */
/*--------------------------*/
#menu-submenu01 li {
	background: url(images/submenu-bg.png) repeat 0 0;
	list-style-type: none;
	color: #fff;
	margin: 0 0 12px 0;
	padding-left: 20px;
	border-radius: 10px;
}
#menu-submenu01 li a {
	color: #976a27;
	padding: 10px 10px 10px 16px;
	display: block;
	font-size: 0.85em;
	background: url(images/submenu-arrow.png) no-repeat 0px 10px;
	font-weight: bold;
}
#menu-sidemenu2 li {
	height: 20px;
	background: #2eb5a4;
	list-style-type: none;
	font-size: 0.8em;
	color: #fff;
	margin: 0 0 12px 0;
	padding-left: 20px;
}
.widget_nav_menu li a {
	color: #ac8347;
	text-decoration: none;
}


/*--------------------------*/
/*  トップページの画像 */
/*--------------------------*/
.top-img-box .left {
	float: left;
}
.top-img-box .right {
	float: right;
}
.main-bnr{
	padding: 10px 0 0 0;
}



/*--------------------------*/
/*  トップページのニュース */
/*--------------------------*/
.post .column span.title {
	font-size: 1em;
}
.post .column span.title a {
	color: #0f649f;
	text-decoration :none;
	-webkit-transition: color 200ms linear;
	-moz-transition: color 200ms linear;
	-o-transition: color 200ms linear;
	padding: 5px 10px 5px 25px;
	background: url(images/arrow.png) no-repeat 8px 10px;
}
.post .column span.title a:hover {
	color: #004372;
	background: url(images/arrow-hover.png) no-repeat 8px 10px;
}



/*--------------------------*/
/* サイドバーのバナー */
/*--------------------------*/
.side-bnr {
	background: url(images/line.png) repeat-x 0 bottom;
	padding: 10px 0 10px 0;
}


/*--------------------------*/
/* 検索結果ページ */
/*--------------------------*/
.search-no-results p.title {
	text-align: left;
	margin-bottom: 50px;
	border: solid 1px #00a0d0;
	padding: 3px;
}
.search-no-results #content {
	text-align: center;
	line-height: 2;
	padding: 0 0 40px 0;
}


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

/*   ■■■■■■■ POST-LIST ■■■■■■■■■■ */

/* ---------------------------------------------------------------------------------- */
.post-list {
	padding: 20px 0 20px 0;
	border-bottom: solid 1px #ccc;
}
.post-list .thumb {
	float: left;
	display: inline;
	margin: 0 10px 10px 0;
}
.post-list h2 {
	padding: 3px 0 6px 0;
	line-height: 1.5;
}
.post-list h2 a {
	color: #231815;
}
.post-list .sentence {
	font-size: 0.9em;
	line-height: 1.5;
}
.post-list .more {
	font-size: 0.9em;
	padding: 10px 0 10px 0;
	text-align: right;
}
.post-list .more:after{
	content: ">>";
	color: #009afe;
}
.post-list .more a {
	color: #009afe;
}

.post-cat a {
	background: #009afe;
	color: #fff;
	padding: 0px 30px 0px 30px;
	text-align: center;
	line-height: 1.5;
	font-size: 0.75em;
}

.postinfo .date {
	line-height: 1.5;
	font-size: 0.83em;
}

.search #content li {
	list-style-type: none;
	line-height: 1.75;
}
.search #content li a:hover {
	text-decoration: underline;
	font-weight: bold;
}

.search-gr {
	padding: 10px 0 10px 0;
}



/*--------------------------*/
/* ページ送り */
/*--------------------------*/
.pagenation {
	font-size: 0.75em;
	overflow: hidden;
	zoom: 100%;
	margin: 30px 0 0 0;
	padding: 50px 0 50px 0;
}
.oldpage {
	float: left;
	background: #009afe;
	width: 45%;
}
.oldpage a:before {
	content:"\00ab";
}
.oldpage a {
	padding: 12px 12px 12px 12px;
	display: block;
	color: #fff;
	font-size: 0.9em;
	line-height: 1.5;
}
.oldpage a:hover{
	text-decoration:underline;
}
.newpage {
	float: right;
	width: 45%;
	text-align: right;
}
.newpage a:after {
	content:"\00bb";
}
.newpage a {
	padding: 12px 12px 12px 12px;
	display: block;
	color: #fff;
	background: #009afe;
	font-size: 0.9em;
	line-height: 1.5;
}
.newpage a:hover {
	text-decoration:underline;
}


/*--------------------------*/
/* ページ番号リンク */
/*--------------------------*/
.pagenum {
	text-align:center;
}
.pagenum span{
	background-color: #009afe;
}
.pagenum a , .pagenum span {
	padding: 10px 18px;
	color: #fff;
	background-color: #009afe;
	line-height: 3.0;
}
.pagenum a:hover {
	color: #fff;
	background-color: #0a83d1;
	text-decoration: underline;
}
@media screen and (max-width: 767px) {
	.pagenum a , .pagenum span {
		display: inline-block;
		margin-bottom: 5px;
		padding: 0 10px;
		line-height: 2.4;
	}
}

/*--------------------------*/
/* 続きを読むスタイル */
/*--------------------------*/
.more {
	float: right;
	width: 50px;
	margin: 0;
	padding: 15px 0;
}
.more img {
	width: 50px;
	height: 50px;
}
.post .more {
	margin: 10px 0 3px 0;
	font-size: 0.7em;
	font-weight:bold;
	text-align:right;
}
.post .more a {
	color: #333;
	background-color: #fff;
	border: solid 1px #000;
	text-decoration:underline;
	padding: 6px 3px;
}
.post .more a:hover {
	color: #fff;
	border: solid 1px #000;
	background-color: #333;
}
#fastask-post .more {
	padding: 0;
}


/*--------------------------*/
/* セミナーのボタン */
/*--------------------------*/
.seminar-btn {
	padding: 13px 30px 13px 30px;
	text-align: center;
	background: #009dfe;
	width: 250px;
	border-radius: 2px;
	line-height: 1.5;
	margin: 20px auto 20px;
}
.seminar-btn a {
	color: #fff;
	font-family: 'Meiryo UI','Meiryo','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}


/*--------------------------*/
/* .post   */
/*--------------------------*/
.post h2 {
	line-height: 1.75;
	color: #000;
	font-weight: normal;
}
.post h2 a {
	text-decoration:none;
	-webkit-transition: color 200ms linear;
	-moz-transition: color 200ms linear;
	-o-transition: color 200ms linear;
}
.post h2 a:hover {
	text-decoration:underline;
}
.post .right h2 {
	display: inline;
	border-left: solid 4px #aaa;
	padding: 0 0 0 8px;
	font-size: 1.0em;
	color: #000;
	font-weight: bold;
}

.post p {
	font-size: 0.95em;
	line-height: 2.0;
	padding: 8px 0px 8px 0px;
}
.post p.anno {
	font-size: 0.8em;
	line-height: 1.5;
}
.post p a:hover {
	text-decoration:none;
}

.post p.postcat {
	text-align: right;
	margin: -12px 10px 10px 0;
}
.post p.postcat a {
	font-size: smaller;
	background-color: #4BA926;
	border-radius: 2px;
	color: #ffffff;
	padding: 1px 5px
}

.post p.postinfo {
	text-align: right;
	margin: 0
}

.post dl {
	font-size: 0.83em;
	line-height: 2.0;
	padding: 10px 15px 10px 15px;
}
.post dt {
	padding: 5px 0 5px 0px;
}
.post dd{
	padding: 1px 0 5px 15px;
}


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

/*   ■■■■■■■ SINGLE & PAGE ■■■■■■■■■■ */

/* ---------------------------------------------------------------------------------- */
.single .post {
	padding-top: 24px;
}
.page .post {
	padding-top: 44px;
}

.single .post p img,
.page .post p img {
	border: solid 1px #ccc;
	background: #fcfcfc;
	padding: 3px 3px 3px 3px;
	max-width: 602px;
	height: auto;
}
.single .post p .hover-op:hover {
	opacity: 0.85;
	transition-duration: 1s;
	transition-timing-function: ease-in-out;
}
@media screen and (max-width: 767px) {
	.single .post p img{
		width: 100%;
		height: auto;
		padding: 0;
		border: none;
	}
}

/* 記事の個別ページ */
.single .post h1,
.page .post h1 {
	border: none;
	font-size: 2em;
	font-weight: bold;
	line-height: 1.75;
	letter-spacing:-1px;
	padding: 0 0 40px 0;
}
span.sub-title {
	font-size: 0.7em;
	line-height: 1.3;
	display: block;
	padding-top: 15px;
}
.single .post h1 a{
	text-decoration: none;
	-webkit-transition: color 200ms linear;
	-moz-transition: color 200ms linear;
	-o-transition: color 200ms linear;
	color: #231815;
}

.page .post h1 {
	color: #0396fd;
}

.single .post h2,
.page .post h2 {
	color: #009dfe;
	font-family: 'Meiryo UI','Meiryo','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	line-height: 1.5;
	font-size: 1.2em;
}

.single .post h3,
.page .post h3 {
	color: #000;
	font-family: 'Meiryo UI','Meiryo','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	line-height: 1.3;
	font-size: 1.1em;
}

.single .post .report-title {
	font-size: 1.3em!important;
	font-weight: normal!important;
	line-height: 1.5!important;
	padding: 10px 0 25px 0!important;
}
.single .post .report-title2 {
	font-size: 0.95em!important;
	line-height: 1.5;
	padding: 0px 0 35px 0;
	font-weight: normal!important;
}
.single .post .report-title2 a {
	text-decoration: none;
}



.home #content h3 {
	font-weight: bold;
	color: #0669d6;
	font-size: 1.2em;
	border-left:3px solid #0669d6;
	padding: 5px 15px 5px 10px;
	margin-bottom:10px;
	line-height: 1.5;
}

.home #content p {
	padding: 8px 0 8px 0;
}

.single .thumb img {
	width: 100%;
	height: auto;
	margin: 0 0 30px 0;
}
@media screen and (max-width: 767px) {
	.single .thumb img {
		width: 100%;
		height: auto;
		margin: 0 0 30px 0;
	}
}

.page-volume2 {
	width: 50px;
	padding: 0px 10px 0 5px;
	float: left;
	position: relative;
	top: -5px;
}
@media screen and (max-width: 360px) {
	.page-volume2 {
		top: 10px;
	}
}

.page-volume2 .icon {
	display: block;
	width: 50px;
	height: 37px;
	padding: 13px 0 4px 1px;
	background: url(images/icon-page-volume.png) no-repeat 0 0;
	background-size: 50px 50px;
	color: #949495;
	font-weight: bold;
	text-align: center;
	font-size: 0.75em;
	line-height: 2.0;
}

.page-volume2 .detail {
	font-size: 0.65em;
	font-weight: bold;
	text-align: center;
	color: #949495;
	display: block;
}


#single-first-info {
	position: relative;
}
#single-first-info .cat-icon {
	float: left;
}
#single-first-info .cat-icon img {
	width: 45px;
	height: auto;
}
#single-first-info .cat-name {
	color: #009dfe;
	float: left;
	position: relative;
	top: -2px;
	font-size: 1.1em;
	line-height: 3.0;
	padding: 0 10px 0 10px;
}
#single-first-info .icon-new {
	position: relative;
	float: left;
	margin: 10px 8px 0 2.5em;
}
#single-first-info .icon-recommend {
	position: relative;
	float: left;
	margin:11px 8px 0 0;
}
#single-first-info .date {
	position:absolute;
	top: 15px;
	right: 0;
	color: #fff;
	background: #009aff;
	border-radius: 20px;
	padding: 5px 15px 5px 15px;
}
@media screen and (max-width: 767px) {
	#single-first-info .cat-icon,
	#single-first-info .cat-name,
	#single-first-info .icon-recommend {
		float:none;
	}
	#single-first-info .cat-name,
	#single-first-info .icon-recommend,
	#single-first-info .date2,
	#single-first-info .page-volume3,
	#single-first-info .free-download3 {
		position: relative;
		top: -15px;
	}
}
/* add 2016.12.21 */
@media screen and (max-width: 767px) {
	#single-first-info .icon-new{
   	margin: 0;
	}

	#single-first-info .date{
	    position: relative;
	    top: 0;
	    float: right;
	}
}


@media screen and (max-width: 360px) {
	#single-first-info .date {
		position: relative;
		top: -26px;
		left: 60px;
		border-radius: 15px;
		padding: 5px 8px 5px 8px;
		font-size: 0.65em;
	}
}


#single-report-bottom {
	margin: 10px 0 10px 0;
	text-align: right;
}
#single-report-bottom .date2,
#single-report-bottom .page-volume3,
#single-report-bottom .free-download3 {
	color: #fff;
	background: #009aff;
	padding: 5px 15px 5px 15px;
	font-size: 0.95em;
}
@media screen and (max-width: 360px) {
	#single-report-bottom{
		margin: 0px 0 0px 0;
		text-align: left;
	}
	#single-report-bottom  .date2,
	#single-report-bottom .page-volume3,
	#single-report-bottom .free-download3{
		line-height:3.0;
	}
}



#single-social {
	width: 100%;
	text-align: right;
	padding: 10px 0 40px 0;
}
#single-social .fb-like {
	position: relative;
	top: -3px;
}

#related-entries, .related-entries {
	clear: both;
}
#related-entries h3, .related-entries h3 {
	padding: 0 0 6px 0;
	border-bottom: solid 2px #e3e3e3;
}
#related-entries h3 img, .related-entries h3 img {
	width: auto;
	height: 35px;
}
@media screen and (max-width: 767px) {
	#related-entries h3 img {
		display: block;
		width: 96%;
		height: auto;
		margin: 0 auto;
		padding: 0 2% 0 2%;
	}
	.related-entries h3 img {
		display: block;
		width: 30%;
		height: auto;
		margin: 0 auto;
		padding: 0 2% 0 2%;
	}
}

#category-popular h3{
	padding: 0 0 6px 0;
	border-bottom: solid 2px #e3e3e3;
}
#category-popular h3 img{
	width: auto;
	height: 35px;
}
@media screen and (max-width: 767px) {
	#category-popular h3 img{
		width: 96%;
		padding: 0 2% 0 2%;
		height: auto;
		display: block;
		margin: 0 auto;
	}
}

/*--アンケート調査票ラボ-- */
.mrc-cast {
	background-color: #909090;
	border-radius: 4px;
	margin-right: 8px;
	padding: 3px 6px;
	font-size: 80%;
	color: #FFF;
}

/*------↓↓↓↓------個別用tableタグ-------↓↓↓↓--------*/
.se-0223 {
	border-collapse: collapse;
	width: 100%;
	border: 1px solid #ccc;
}
.se-0223 th, .se-0223 td {
	border: 1px solid #ccc;
	padding: 12px 5px;
	white-space: nowrap;
	text-align: center;
}
.se-0223 caption {
	padding: 15px;
	font-weight: bold;
}
.se-0223 .se-row {
	font-weight: bold;
	background-color: #ccfff0;
}
.se-0223 .se-col {
	background-color: #cce8ff;	
}
.se-0223 #sedark {
	background-color: #e4d3d9;
}
.swot-tb .se-0223 .row-color {
	padding: 15px 30px;
	background-color: #beefe0;
}
.swot-tb .se-0223 .col-color {
	background-color: #cce8ff;
	padding-top: 40px;
	padding-bottom: 40px;
}

/*------↑↑↑↑------個別用tableタグ-------↑↑↑↑--------*/

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

/*   ■■■■■■■ FORM ■■■■■■■■■■ */

/* ---------------------------------------------------------------------------------- */
#free-download-h3 {
	font-size: 1.3em;
	font-weight: normal;
	padding: 10px 0px 20px 0;
	border-bottom: solid 2px #ddd;
	margin: 50px 0 50px 0;
}

#free-download-h3 .fisttime-notice {
	font-size: 0.7em;
}

#free-download-form {
	width: 100%;
}
#free-download-form table {
	width: 100%;
}
#free-download-form table th {
	border: none;
	width: 31%;
	padding: 15px 2% 15px 2%;
	font-size: 0.95em;
}
#free-download-form table td.td01 {
	border: none;
	width: 61%;
	padding: 15px 2% 15px 2%;
}
#free-download-form table td.td02 {
	border: none;
	width: 21%;
	padding: 15px 0 15px 2%;
}
#free-download-form table td.td03 {
	border: none;
	width: 36%;
	padding: 15px 2% 15px 2%;
}
#free-download-form input.text01,
#free-download-form input.text02 {
	width: 98%;
	padding: 5px 1%;
	border: solid 1px #ccc;
}

span.postal-code-btn {
	display: block;
	text-align: center;
	font-size: 0.8em;
	font-weight: bold;
	letter-spacing: 3px;
	background: #e6e6e6;
	border-radius: 3px;
	padding: 10px 10px 10px 10px;
	line-height: 1.3;
	width: 100%
}

#submit-btn {
	width: 70%;
	background: #009aff;
	margin: 40px auto 70px;
	border-radius: 4px;
}
@media screen and (max-width: 767px) {
	#submit-btn{
		width:100%;
	}
}

#submit-btn-new {
	text-align:center;
}
#submit-btn #submit-img {
	width: 90%;
	background: url(images/free-download-btn-bg.png) no-repeat right center;
	background-size: 30px 30px;
	border: none;
	color: #fff;
	font-size: 1.2em;
	font-family: 'Meiryo UI','Meiryo','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	padding: 15px 5% 15px 5%;
	text-align: center;
	line-height: 1.5;
	cursor: pointer;
	margin: 0 auto;
}
@media screen and (max-width: 767px) {
	#submit-btn #submit-img {
		background: none;
		font-size: 1.1em;
	}
}


/*--------------------------*/
/* ギャラリーの設置 */
/*--------------------------*/
.gallery-item {
	width: 33%;
	float: left;
	margin-top: 0;
	text-align: center
}
.gallery img {
	border: solid 1px #aaa;
	padding: 5px
}
.gallery a:hover img { background-color: #c4f254;}

.gallery dd {
	margin: 0;
	font-size: 0.75em;
}

.gallery br+br { display: none;}


/*--------------------------*/
/* 関連記事 */
/*--------------------------*/
.related {
	border: solid 1px #aaa;
	margin-top: 20px
}
.related p {
	background-color: #a7d043;
	margin: 0;
	padding-left: 10px;
	color: #fff;
}
div.related ol {
	font-size: 0.75em
}

/*--------------------------*/
/* 分割した記事へのリンク */
/*--------------------------*/
#postpage {
	clear: both;
	padding-top: 20px;
	text-align: center;
}

#postpage a {
	padding: 5px 10px;
	background: #019af8;
	font-size: 0.8em;
	color: #fff;
	display: inline-block;
	width: 1.5em;
	margin: 0 0 7px 0;
}
#postpage a:hover {
	background: #0a83d1;
}
#postpage > span {
	display: inline-block;
	width: 1.5em;
	background: #ddd;
	padding: 5px 10px;
	margin: 0 0 6px 0;
	color: #888;
	font-size: 0.8em;
}
#postpage a span {
	background: none;
	padding: 0;
}

/*--------------------------*/
/* 画像の個別ページ */
/*--------------------------*/
.attachment #content {
	width: 100%;
	float: none;
}
.attachment p.photo {
	text-align: center;
}

/*--------------------------*/
/* タイトルの一覧 */
/*--------------------------*/
ul.post {
	border-top: dotted 1px #fafafa;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.post li {
	border-bottom: dotted 1px #fafafa;
	background-image: url(images/arrow.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	padding: 20px 5px 20px 30px;
	line-height: 2.0;
}
ul.post li a:hover {
	text-decoration: underline;
}
ul.post li span {
	font-size: smaller;
}

#subinfo img {
	vertical-align:bottom;
}

.uiGrid td {
	color: #FAFAFA!important;
}

.side-news{
	padding: 5px 0 3px 0;
	border-bottom: dotted 2px #ccc;
}
.side-thumb-news {
	float: left;
	width: 60px;
}
.side-thumb-news img {
	border: solid 1px #aaa;
	padding: 2px;
}

.side-title-news {
	font-size: 0.83em;
	line-height: 1.5;
	padding: 1px 0 3px 3px;
}

.archive-title {
	background: url(images/bg-entry.png) no-repeat 0 0;
	padding: 15px 20px 20px 37px;
	height: 145px;
	border: none;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.45;
	color: #fff;
}

table.tpo {
	border-collapse:collapse;
}
table.tpo th.th01 {
	color: #121632;
	background: #eee;
	padding: 10px;
	font-size: 0.9em;
	line-height: 1.4;
	border: 1px solid #CCC;
}
table.tpo th.th02 {
	color: #303134;
	background: #EBB93F;
	padding: 10px;
	font-size: 0.9em;
	line-height: 1.4;
	border: solid 1px #EDCF8E;
}
table.tpo td {
	color: #121632;
	font-weight: bold;
	font-size: 0.8em;
	padding: 10px;
	line-height: 1.4;
	border: solid 1px #ccc;
	width: 25%;
}


.gmap {
	border: solid 1px #ccc;
	background: #fafafa;
	padding: 6px 6px 6px 6px;
}


.post-article {
	background:url(images/line.png) repeat-x 0 bottom;
	padding: 10px 0 ;
}
.post-article .thumb {
	float: left;
	/*display:inline;*/
	padding-right: 10px;
}
.post-article .thumb img {
	border: solid 1px #ccc;
	background: #fafafa;
	padding: 3px;
	width: 250px;
	height: auto;
}

.post-article .right {
	display: inline;
}
.post-article .right h2 {
	display: inline;
	padding-left: 5px;
	font-size: 1.3em;
}
.post-article .right h2 a {
	color: #5c4a33;
	line-height: 1.5;
	font-size: 1.1em;
}
.post-article .right p {
	font-size: 0.9em;
	line-height: 1.75;
}

.post-article .postinfo {
	text-align: right;
	color: #666;
	font-size: 0.9em;
	padding: 15px 0 5px 0;
}


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

/*   ■■■■■■■ POST ARTICLE SIDEBAR ■■■■■■■■■■ */

/* ---------------------------------------------------------------------------------- */
ol.latest-post-list {
	counter-reset: number; /* 名前を付けたカウンターをリセット */
	list-style: none;
}

ol.latest-post-list li.post-article-sidebar .thumb:before{
	counter-increment: number; /* 任意の名前を付けて！ */
	content: counter(number);
	background: #ffc805;
	width: 1.2em;
	height: 1.2em;
	border-radius: 50%;
	color: #fff;
	text-align: center;
	font-size: 0.8em;
	line-height: 1.3;
	font-weight: bold;
	padding: 2px 2px 2px 2px;
	position: absolute;
	margin-top: -5px;
	margin-left: -5px;
}

ol.latest-post-list li.post-article-sidebar {
	padding: 10px 0 10px 0;
	border-bottom: solid 1px #dcdcdc;
}
ol.latest-post-list li.post-article-sidebar .thumb {
	float: left;
	display: inline;
	padding: 5px 10px 0px 0;
	position: relative;
}
.post-article-sidebar .thumb img {
	width: 50px;
	height: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	margin:0!important;
}
@media screen and (max-width: 767px) {
	.post-article-sidebar .thumb img {
		width: 50px;
	}
}

.post-article-sidebar .right {
	display: inline;
}
.post-article-sidebar .right h2 {
	display: inline;
	padding-left: 5px;
	font-size: 0.8em;
	position: relative;
	top: 5px;
}
.post-article-sidebar .right h2 a {
	color: #383838;
	line-height: 1.3;
}


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

/*   ■■■■■■■ SIDEBAR CHILD-CATEGORY ■■■■■■■■■■ */

/* ---------------------------------------------------------------------------------- */
#sidebar #child-category ul {
	list-style-type: none;
}
#sidebar #child-category ul li {
	line-height: 1.5;
	list-style-type: none;
	padding: 15px;
	color: #000;
	position: relative;
}
#sidebar #child-category ul li a {
	color: #000;
}
#sidebar #child-category ul li:nth-child(2n) {
	background:#efefef;
}
#sidebar #child-category ul .category-count {
	position: absolute;
	right: 0;
}


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

/*   ■■■■■■■ CATEGORY COROUSE ■■■■■■■■■■ */

/* ---------------------------------------------------------------------------------- */
#lab-wrapper,
#seminar-wrapper {
	clear: both;
}


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

/*   ■■■■■■■ FILM ROLL PAGER3 ■■■■■■■■■■ */

/* ---------------------------------------------------------------------------------- */
#film_roll_slider3 {
	padding: 20px 0 0 0;
	height: 590px;
}
#film_roll_slider3 .more {
	padding-top: 0;
}
.film_roll_pager3 {
	display: none;
}

.film_roll_wrapper3 {
	overflow: hidden;
	padding: 0;
}
.film_roll_shuttle3 {
	position: relative;
}
.film_roll_child {
	padding: 0!important;
}

#film_roll_arrow3 {
	position: relative;
}
#film_roll_arrow3 .btn_prev,
#film_roll_arrow3 .btn_next {
	position: absolute;
	top: -430px;
	width: 65px;
	height: 65px;
}
#film_roll_arrow3 .btn_prev { left: -15px;}
#film_roll_arrow3 .btn_next { right: -15px;}

#film_roll_arrow3 .btn_prev img,
#film_roll_arrow3 .btn_next img {
	width: 65px;
	height: auto;
	opacity: 1.0;
}
#film_roll_arrow3 .btn_prev:hover,
#film_roll_arrow3 .btn_next:hover {
	opacity: 0.5;
}

.film_roll_pager {
	text-align: center;
}
.film_roll_pager a {
	display: inline-block;
	width: 150px;
	height: 93px;
	margin: 0 15px 0 0;
}

#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
}

.list-box {
	border: solid 1px #b9a386;
	margin-top: 20px;
	padding: 20px 30px;
}
.list-box li {
	list-style-type: none;
	background: url(images/line.png) repeat-x 0 bottom;
	margin: 0 auto;
	padding: 7px 0;
	font-size: 0.9em;
	line-height: 2.0
}

.to-detail {
	text-align:right;
}
.to-detail span {
	background: url(images/arrow.png) no-repeat 3px 5px;
	padding-left: 15px;
}


/*--------------------------*/
/* #service-box */
/*--------------------------*/
#service-box .thumb-box01 {
	width: 200px;
	float: left;
	display: inline;
	margin-right: 15px;
}
#service-box .thumb-box02 {
	width: 200px;
	float: right;
	display: inline;
}
#service-box .thumb-box-top {
	width: 200px;
	height: 10px;
	background: url(images/thumb-box-top.png) no-repeat 0 0;
}
#service-box .thumb-box-middle {
	width: 200px;
	background: url(images/thumb-box-middle.png) repeat-y 0 0;
}
#service-box .thumb-box-bottom {
	width: 200px;
	height: 10px;
	background: url(images/thumb-box-bottom.png) no-repeat 0 bottom;
}
#service-box .middle-content {
	width: 180px;
	margin: 0 auto;
}
#content #service-box .middle-content p {
	font-size: 0.9em;
	padding: 10px 0 10px 0;
	line-height: 1.75;
}

.to-more {
	text-align:center;
}
.to-more a {
	display: block;
	background: #2990d7 url(images/arrow-white.png) no-repeat 28px 9px;
	background-size: 8px 8px;
	border-radius: 5px;
	font-weight: bold;
	padding: 5px 0 5px 0;
	color: #fff;
}

.home-thumb img {
	padding: 3px;
	background: #fff;
}

.box-list {
	padding: 10px 15px 10px 15px;
	background: #f5f8e7;
	border: solid 1px #cad9ab;
	color: #507500;
	font-weight: bold;
}
.box-list p {
	font-size: 0.9em;
	line-height: 1.75;
}



.top-box-wrapper .left01,
.top-box-wrapper .left02 {
	float: left;
	display: inline;
	width: 310px;
	border-radius: 30px;
	background: #ebefdb;
}
.top-box-wrapper .right01,
.top-box-wrapper .right02 {
	float: right;
	display: inline;
	width: 310px;
	border-radius: 30px;
	background: #f9f6e7;
}
.top-box-wrapper .right02 {
	background: #ebefdb;
}

.top-box-wrapper .img {
	text-align: center;
	padding: 15px 0 3px 0;
}

.top-box-wrapper .btn {
	text-align: center;
	padding: 5px 0 8px 0;
}

.top-box-wrapper .sentence {
	padding: 5px 15px 2px 15px;
	font-size: 0.85em;
	line-height: 1.4;
	min-height: 80px;
}
.top-box-wrapper .sentence { color: #4f5a28;}
.top-box-wrapper .right01 .sentence { color: #64451d;}


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

/*   ■■■■■■■ CATEGORY ■■■■■■■■■■ */

/* ---------------------------------------------------------------------------------- */
h1.category-h1 {
	width: 960px;
	margin: 0 auto;
	padding: 0px 0 25px 0;
	line-height: 1.3;
	font-size: 1.5em;
	color: #009eff;
}
.category-explain {
	width: 960px;
	margin: 0 auto;
	padding: 10px 0 20px 0px;
	font-size: 1.0em;
	font-family: 'Meiryo UI','Meiryo','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	line-height: 1.2;
	
}
@media screen and (max-width: 767px) {
	h1.category-h1,
	.category-explain {
		width: 94%;
		margin: 0 auto;
	}
}

#questionnaire-wrapper{
	clear: both;
}


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

/*   ■■■■■■■ CATEGORY ■■■■■■■■■■ */

/* ---------------------------------------------------------------------------------- */
h1.tag-h1{
	padding: 30px 0 15px 0;
	line-height: 1.3;
	font-size: 1.5em;
	color: #009eff;
}


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

/*   ■■■■■■■ ICON STYLE ■■■■■■■■■■ */

/* ---------------------------------------------------------------------------------- */
.pop-more {
	width: 100%;
	/*text-align: right;*/
	padding: 10px 0 0 140px;
}
.pop-more a {
	text-indent: -9999px;
	/*text-align: right;*/
	display: block;
	width: 45px;
	height: 45px;
	background: url(images/more.png) no-repeat 0 0;
	background-size: 45px 45px;
}

.repeort-side {
	float: left;
}
.page-volume {
	/*width: 60px;*/
	float: left;
	padding: 15px 10px 0 0;
}
.page-volume .icon {
	display: block;
	width: 60px;
	height: 37px;
	padding: 13px 0 4px 1px;
	background: url(images/icon-page-volume.png) no-repeat top center;
	background-size: 50px 50px;
	color: #949495;
	font-weight: bold;
	text-align: center;
	font-size: 0.75em;
	line-height: 2.0;
}
.page-volume .detail {
	font-size: 0.65em;
	font-weight: bold;
	text-align: center;
	color: #949495;
	display: block;
}

.free-download {
	width: 50px;
	display: inline;
	float: left;
}
.free-download .free {
	font-size: 0.7em;
	font-weight: bold;
	text-align: center;
	color: #ff7e00;
	display: block;
	padding: 0 0 4px 0;
}
.free-download .icon {
	display: block;
	width: 50px;
	margin-bottom: 1px;
}
.free-download .icon img {
	width: 50px;
	height: auto;
	line-height: 2.0;
}
.free-download .download {
	font-size: 0.6em;
	font-weight: bold;
	text-align: center;
	color: #ff7e00;
	display: block;
}

.staff-icon {
	width: 50px;
	margin: 15px 0 0 15px;
	float: left;
}
.staff-icon img {
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 50%;
}

.st-tag-cloud {
	line-height: 1.4;
}

.pop-post-index .wpp-list {
	padding: 0 0 10px;
}
.pop-post-index .wpp-list li {
	list-style-type: none;
	padding: 10px 0 5px;
	border-bottom: solid 1px #dcdcdc;
}
.home .pop-post-index .wpp-list li {
	padding: 5px 0 2px;
}
.pop-post-index .wpp-list li .title2 a {
	color: #383838;
	display: inline;
	padding-left: 5px;
	font-size: 0.8em;
	position: relative;
	top: 5px;
	line-height:1.3;
	font-weight:bold;
}

.pop-post-index .wpp-list{
	counter-reset: number; /* 名前を付けたカウンターをリセット */
	list-style: none; /* olが数字を付けることをキャンセル */
}
.pop-post-index .wpp-list li .thumb2:before {
	counter-increment: number;
	content: counter(number);
	background: #009afe;
	width: 1.2em;
	height: 1.2em;
	border-radius: 50%;
	color: #fff;
	text-align: center;
	font-size: 0.8em;
	line-height: 1.3;
	font-weight: bold;
	padding: 2px 2px 2px 2px;
	position: absolute;
	margin-top: -5px;
	margin-left: -5px;
}
.pop-post-index .wpp-list li .thumb2 {
	width: 50px;
	height: 50px;
	overflow: hidden;
	float: left;
	padding: 5px 10px 10px 0;
}
.pop-post-index .wpp-list li .thumb2 img {
	width: 100%;
	height: auto;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}


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

/*   ■■■■■■■ STAFF REVIEW ■■■■■■■■■■ */

/* ---------------------------------------------------------------------------------- */
#staff-review-box {
	padding: 40px 0 0 0;
}
#staff-review-box .title {
	padding: 0px 0 30px 0;
}
#staff-review-box .staff-box .left {
	float: left;
	width: 150px;
	margin: 0px 0 0 50px;
}
#staff-review-box .staff-box .left img {
	border-radius: 100px;
	width: 150px;
	height: auto;
}
#staff-review-box .staff-box .middle {
	float: left;
	width: 250px;
	margin: 40px 0px 0 30px;
	color: #0396fd;
	font-family: 'Meiryo UI' ,'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック', sans-serif;
	font-size: 1.1em;
	line-height: 1.3;
	letter-spacing: 1px;
}
#staff-review-box .staff-box .right {
	float: left;
	width: 80px;
	margin: 10px 0px 0 0px;
	line-height: 1.0;
}
#staff-review-box .staff-review {
	font-size: 0.95em;
	line-height: 2.0;
	padding: 18px 0px 8px 0px;
}
#staff-review-box .staff-review p {
	padding: 8px 0;
}

/*--------------------------*/
/* 投稿：リサーチ活用事例 */
/*--------------------------*/
.column-box {
	clear: both;
	background: #eee;
	margin: 1em 0;
	padding: .8em 1em;
}
.column-box a {
	text-decoration: underline;
}
.post ul {
	margin: .95em 0 .95em 2em;
}
.post li {
	margin-bottom: .5em;
	line-height: 1.5;
}
blockquote {
	clear: both;
	vertical-align: middle;
	background: #eee url(https://marketing-rc.com/wp-content/uploads/2016/07/quote.gif) no-repeat 10px 10px;
	background-size: 50px auto;
	box-shadow: 8px 8px 0 #bfbcbc;
	min-height: 60px;
	margin: .95em 0 1.2em;
	padding: .5em 2em .5em 100px;
}
@media screen and (max-width: 767px) {
	blockquote {
		background-size: 30px auto;
		background-position: 10px 10px;
		padding-left: 50px;
	}
}
blockquote p {
	padding: 0;
}

.comment-area {
	clear: both;
	margin: 1em 0;
}
.comment-title {
	position: relative;
}
.comment-title > span {
	background: #ccc;
	border-radius: 3px 3px 0 0;
	padding: 2px 1.2em;
	color: #fff!important;
}
.comment-title:after {
	content: "";
	display: table;
	width: 100%;
	border-bottom: solid 2px #ccc;
	position: absolute;
	bottom: -2px;
	left: 0;
}

.report-lead-txt {
	font-weight: bold !important;
}


/* submit button */
input#fa-form-zip2addressbtn {
	padding: 7px 10px;
	font-size: 0.8em;
	border-style: none;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	background-color: #b2b2b2;
	color: #fff;
}
input#fa-form-zip2addressbtn:hover {
	opacity: 0.6;
}
input#fa-form-submitbtn {
	display: block;
	margin: 20px auto 0;
	padding: 20px 70px 20px 50px;
	font-size: 1.5em;
	font-weight: bold;
	background-color: #ff7e00;
	background-image: url(https://marketing-rc.com/wp-content/uploads/2016/03/button-mark04.png);
	background-repeat: no-repeat;
	background-position: 300px 23px !important;
	color: #fff;
	border-style: none;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
}
#fa-form-submitbtn-up {
	display: none;
	padding: 20px 40px;
	font-size: 1.5em;
	font-weight: bold;
	background-color: #ff7e00;
	color: #fff;
	border-style: none;
	border-radius: 40px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
}
a.seminar-link {
	display: block;
	margin: 20px auto 0;
	padding: 20px 0;
	text-align: center;
	font-size: 1.5em;
	font-weight: bold;
	background-color: #ff7e00;
	background-image: url(https://marketing-rc.com/wp-content/uploads/2016/03/button-mark04.png);
	background-repeat: no-repeat;
	background-position: 90% 30px;
	color: #fff;
	border-style: none;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
}
a.seminar-link:hover {
	opacity: 0.7;
}

@media screen and (max-width: 640px) {
	#fa-form-submitbtn-up {
		font-size: 1em;
		padding: 15px 12px;
	}
	input#fa-form-submitbtn {
		background-position: 60px 11px;
		padding: 15px 45px 15px 20px;
		font-size: 1em;
	}
}
#fa-form-submitbtn-up:hover, input#fa-form-submitbtn:hover {
	opacity: 0.6;
}
@media screen and (max-width: 767px) {
	input#fa-form-submitbtn {
		margin: 20px auto !important;
	}
	input#fa-form-zip2addressbtn {
		margin-left: 10px;
	}
	#header-inner .right input.search-field {
		display:none;
	}
}

/*--------------------------*/
/* おすすめマーケティング記事用リンク   */
/*--------------------------*/

a.marketing-linkbox {
	display: block;
	width: 100%;
	height: 99px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #009afe;
	padding: 0;
	margin: 30px 0;
}


a.marketing-linkbox:hover {
	opacity: 0.7;
}

a.marketing-linkbox .left-box {
	float: left;
	width: 37%;
	height: 79px;
	padding: 20px 23px 0 15px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomleft: 3px;
	background: #009afe;
	color: #FFF;
	font-size: 14px;
}



a.marketing-linkbox .right-box {
	float: right;
	width: 48%;
	height: 79px;
	padding: 15px 40px 0 0;
	color: #009afe;
	font-size: 16px;
	text-align: left;
	background: url(https://marketing-rc.com/wp-content/uploads/2016/04/marketing-btn.png) no-repeat 95% 36px;
}

.autobr {
	display: none;
}

.link-report-area {
	border-top: 1px dotted #009afe;
	border-bottom: 1px dotted #009afe;
	padding: 20px;
	line-height: 26px;
}


@media screen and (max-width: 767px) {
	a.marketing-linkbox {
		width: 100%;
		height: auto;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border: 1px solid #009afe;
		padding:0 0 20px 0;
		margin: 30px auto;
	}
	a.marketing-linkbox .left-box {
		float:none;
		display: block;
		width: auto;
		border-radius: none;
		-webkit-border-radius: none;
		-moz-border-radius: none;
		padding: 10px 10px 0 10px;
		background: #009afe;
		font-size: 15px;
		color: #FFF;
	}
	a.marketing-linkbox .right-box {
		float:none;
		display: block;
		width: auto;
		height: 45px;
		padding: 0 50px 0 10px;
		font-size: 15px;
		background: url(https://marketing-rc.com/wp-content/uploads/2016/04/marketing-btn.png) no-repeat 95% 15px;
	}
	.autobr {
		display: block;
	}
}

/* 注釈 */

.att {
	padding-left: 1em;
	text-indent: -1em;
	font-size: 12px;
	display: block;
	line-height: 16px;
}

/* 調査レポートダウンロードエリア */
/*#get-report-area {
	display: none;
}*/
.get-report-area {
	/*display: none;*/
	border: solid 2px #009AFE;
	margin: 40px 0;
}
.get-report-area #free-download-h3 {
	display: none;
}
.get-report-area > .section-heading {
	background-color: #009AFE;
	margin: 0;
	padding: 10px 20px;
	font-size: 1.1em;
	font-weight: bold;
	color: #fff!important;
}
.get-report-area > .get-report {
	padding: 20px 15px;
}
.get-report-area > .go-get-report-area {
	margin: 5px 15px;
	font-size: 1.1em;
	font-weight: bold;
}
.get-report-area > .get-report > h3 {
	margin-bottom: 30px;
	font-size: 1.3em;
	font-weight: normal;
}
.get-report-area > .go-get-report-area:before,
.get-report-area > .get-report > h3:before {
	content: "";
	display: inline-block;
	width: 50px;
	height: 40px;
	background-image: url(https://marketing-rc.com/wp-content/themes/marketing-research-camp/images/icon-report.png);
	background-repeat: no-repeat;
	background-size: 40px auto;
	vertical-align: -12px;
}
.get-report-area > .get-report > h3:after {
	content: "";
	display: block;
	border-bottom: solid 2px #ddd;
	width: auto;
	height: 1px;
	margin: 10px 0 0 50px;
}



/*--------------------------*/
/* レポートHTML内DLボタン */
/*--------------------------*/
.teg-report-area {
	border: 1px solid #CCC;
	padding: 30px 0 0 0;
}
h3.teg-report {
	text-align: center;
	color: #019af8 !important;
	padding-bottom: 10px;
	font-size: 1.5em !important;
}
.teg-report-inner {
	margin-bottom: 20px;
	text-align: center;
}
a#reportdl-btn {
	width: 60%;
	display: block;
	margin: 0 auto 30px auto;
	padding: 8px 50px 6px 30px;
	text-align: center;
	font-size: 1.5em;
	font-weight: bold;
	background-color: #ff7e00;
	background-image: url(https://marketing-rc.com/wp-content/uploads/2016/03/button-mark04.png);
	background-repeat: no-repeat;
	background-position: 380px 16px;
	color: #fff;
	border-style: none;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
}
@media screen and (max-width: 767px) {
	a#reportdl-btn {
		width: 80%;
		padding: 10px 0;
		font-size: 0.9em;
		text-align: center;
	}
}

/* PDFレポートダウンロードエリア */
.pdf-report-dl-area {
	border: 1px solid #CCC;
	padding: 30px 0 0 0;
	text-align: center;
}
.pdf-report-dl-area > h3 {
	padding-bottom: 10px;
	color: #019af8 !important;
	font-size: 1.5em !important;
	text-align: center;
}
.pdf-report-dl-area > p {
	font-size: 0.95em;
	line-height: 2.0;
	padding: 8px 0px;
}
.pdf-report-dl-area .pdf-dl-btn {
	width: 60%;
	display: block;
	margin: 0 auto 30px auto;
	padding: 8px 50px 6px 30px;
	text-align: center;
	font-size: 1.5em;
	font-weight: bold;
	background-color: #ff7e00;
	background-image: url(https://marketing-rc.com/wp-content/uploads/2016/03/button-mark04.png);
	background-repeat: no-repeat;
	background-position: 380px 16px;
	color: #fff;
	border-style: none;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
}
.pdf-report-dl-area .pdf-dl-btn:hover {
	text-decoration: none;
}
@media screen and (max-width: 767px) {
	.pdf-report-dl-area .pdf-dl-btn  {
		width: 80%;
		padding: 10px 0;
		font-size: 0.9em;
		text-align: center;
	}
}

/* 分割した記事へのリンク */
/*--------------------------*/
.wp-pagenavi {
	clear: both;
	padding: 20px 0;
	text-align: center;
	line-height: 2.0;
}
.wp-pagenavi .pages {
	display: block;
	margin-bottom: 5px;
	font-size: 12px;
	font-weight: bold;
}
.wp-pagenavi a,
.wp-pagenavi > .current {
	display: inline-block;
	width: 2.8em;
	margin: 0 2px 7px;
	padding: 5px 0;
	background: #019af8;
	font-size: 0.8em;
	letter-spacing: -1px;
	color: #fff;
}
.wp-pagenavi a.first,
.wp-pagenavi a.last {
	background: #fff;
	width: auto;
	padding: 0;
	color: #019af8;
}
.wp-pagenavi a.first { margin-right: 5px; }
.wp-pagenavi a.last { margin-left: 5px; }
.wp-pagenavi a.page:hover {
	background: #0a83d1;
	text-decoration: none;
}
.wp-pagenavi > .current {
	background: #ddd;
	color: #888;
}
@media screen and (max-width: 640px) {
	.wp-pagenavi {
		position: relative;
	}
	.wp-pagenavi a.first {
		position: absolute;
		top: 20px;
	}
	.wp-pagenavi a.last {
		position: absolute;
		top: 20px;
		right: 0;
	}
}


/* リンクボタン　*/

input#fa-form-submitbtn.btn-toReport {
	background-position: 280px 20px;
}

/* リンクボタン上メッセージ　*/

.revisit-notice {
	text-align: center;
}

/*--------------------------*/
/* レポートHTML内DLボタン */
/*--------------------------*/

.teg-report-area {
	border: 1px solid #CCC;
	padding: 30px 0 0 0;
}

h3.teg-report {
	text-align: center;
	color: #019af8 !important;
	padding-bottom: 10px;
	font-size: 1.5em !important;
}

.teg-report-inner {
	margin-bottom: 20px;
	text-align: center;
}

a#reportdl-btn {
	width: 60%;
	display: block;
	margin: 0 auto 30px auto;
	padding: 8px 50px 6px 30px;
	text-align: center;
	font-size: 1.5em;
	font-weight: bold;
	background-color: #ff7e00;
	background-image: url(https://marketing-rc.com/wp-content/uploads/2016/03/button-mark04.png);
	background-repeat: no-repeat;
	background-position: 380px 16px;
	color: #fff;
	border-style: none;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
}


@media screen and (max-width: 767px) {
	a#reportdl-btn {
		width: 80%;
		padding: 10px 0;
		font-size: 0.9em;
		text-align: center;
	}
}


/*　マーケティングリサーチ入門用スタイル　*/
h3.mr {
	font-size: 1.1em;
	color: #333;
	padding-left: 5px;
	border-left: 5px solid #009dfe;
}
h4.mr {
	font-size: 1em;
	color: #333;
	padding-bottom: 10px;
	border-bottom: 1px dotted #999;
}

h5.mr {
	font-size: 1em;
	color: #333;
	padding-left: 5px;
	border-left: 5px solid #009dfe;
}
h5.mr2 {
	font-size: 1em;
	color: #009dfe !important;	
}
h6.mr {
	font-size: 1em;
	color: #333;
	margin-left: -16px;
}

.h5body {
	box-sizing: border-box;
	padding-left: 20px;
}

.h6body {
	box-sizing: border-box;
	padding-left: 26px;
}

.column-area {
	box-sizing: border-box;
	padding: 15px;
	background: #fdfbec;
	border: 1px solid #ffe29d;
}

.column-area img {
	width: 99%;
	margin:0  auto;
}

.column-area h3 {
	margin-bottom: 5px;
}
.column-area h3:before {
	content:"●";
	color: #009dfe;
}

/* clearfix設定 -- この項目より下にcssを記述しないこと
------------------------------------------------------------ */
.clearfix:after,
#header-inner:after,
#header-inner .right:after,
#content-wrapper:after,
#globalnavi nav:after,
#main-img-top:after,
#article-list-bas:after,
#double-index:after,
.sub_menu:after,
.category-heading:after,
.category-heading.small:after,
.repeort-side:after,
.bottom:after,
.post-footer:after,
.top-img-box:after,
.search-list:after,
.social-bottom:after,
.post-list:after,
.pagenation:after,
#single-first-info:after,
#footer:after,
#footer2:after,
#footernavi:after,
#social-post .social-top:after,
#social-post .social-bottom:after,
#film_roll_slider:after,
#film_roll_slider2:after,
#tag-post ul:after,
.side-news:after,
.post-article:after,
ol.latest-post-list li.post-article-sidebar:after,
#sidebar #child-category ul li:after,
#film_roll_slider3:after,
#service-box:after,
.top-box-wrapper:after,
.small-box .bottom:after,
.bottom:after,
.small-box .repeort-side:after,
.pop-post-index:after,
.pop-post-index .wpp-list li:after,
#staff-review-box .staff-box:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}


strong {
font-size: 105%;
}
h3.in0317 {
	padding-bottom: 7px;
    	margin-bottom: 5px;
    	color: #0098ff;
    	border-bottom: 1px dotted #000;
}
.t-pic-100 {width: 100% !important;}
.t-pic-90 {width: 90% !important;}
.t-pic-80 {width: 80% !important;}
.t-pic-70 {width: 70% !important;}
.t-pic-60 {width: 60% !important;}
.t-pic-40 {width: 40% !important;}

/*SATORIレスポンシブ一時調整*/
@media screen and (max-width: 760px) {
#satori__popup_widget {
width:100% !important;
}
}

/*table tag layout*/
.tb0515 {
	border-collapse: collapse;
	width: 100%;
}
.tb0515 td {
	border: 1px solid #ccc;
	padding: 12px 5px;
	text-align: center;
	font-size:0.95em;
	line-height:1.6
}

.tb0515 .tbt {
	background:#ebf6ff;
}
/*title layout optimize*/
h4.mr2 {
	font-size: 1em;
	color: #333;
	padding-left: 5px;
	border-left: 5px solid #009dfe;
}

/* -----------------関連記事レイアウトここから-----------------------*/
.link-kiji {
	width: 610px;
}

.link-kiji .tri-box {
	width: 0;
	height: 0;
	border: 15px solid transparent;
	border-bottom: 15px solid #7fcbfe;
	/*position: absolute;
	top: 0;
	left: 20px;*/
	margin-left: 30px; 
}
.link-kiji .link-article {
	border: 13px solid #7fcbfe;
	z-index: 10;
}

.link-kiji .link-title {
	padding-left: 20px;
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom: 1px dashed #7fcbfe;
	margin-bottom: 0; 
	font-size: 1.1em; 
}

.link-kiji .link-box {
	margin-right: 16px;
	margin-top: 5px;
}
.link-kiji .link-text {
	padding: 8px 0;
	border-bottom: 1px solid #ccc; 
	color: #009dfe;
}
.link-kiji .link-text:last-child {
	border: none;
}


@media screen and (max-width: 767px) {
	
	body .link-kiji {
		width: 95% !important;
		margin: 0 !important;

	}

	.link-kiji .link-article, .link-kiji .link-text {
		width: 100%;
	}
	.link-kiji.link-title {
		width: 95%;
	}
	.link-kiji.link-article {
		box-sizing: border-box;
	}

}

/* ------↑↑↑↑-----関連記事レイアウトここまで-------↑↑↑↑-----------*/


/*************************
計測コードレイアウト調整
**************************/

iframe[name="google_conversion_frame"] {
display: none;
}