@charset "utf-8";

/*
*	全ページではないけど複数ページで共通に使う部品達
*	
*/




/* 部品 ======================================================================*/
/*__部品__________________*/
.pro_add_block{
	margin-bottom:6rem;
	margin-top:6rem;
}

.pro_add_block:last-of-type{
	margin-bottom:0;
}

.pro_add_block h2{
	color: #555;
	font-family: 'Roboto', sans-serif;
	/*font-family:'Quicksand';*/
	font-weight: 700;
	font-size: 2.4rem!important;
	line-height: 2.6rem;
	padding-top: 0;
	margin-top:-1rem;
	background:#fff;
	display:inline-block;
	border:none;
}

.pro_add_block h2 span {
	color: #9c9c9c;
	font-size: 1.2rem;
	padding-right:1rem;
	display:inline-block!important;
}


/*__ジャーナル関連__________________*/
.journal_block{
	width:24.25%;
	float:left;
	margin-right:1%;

	/* 2018-11-13 */
	margin-bottom:1%;
	min-height:285px;
	
	border:1px solid #efefef;
	box-shadow: 0 1px 2px rgba(0,0,0,0.03),0 1px 2px rgba(0,0,0,0.03);
}


.journal_block:nth-of-type(4n){
	margin-right:0;
}


.journal_block a{
	display:block;
	padding:1rem;
}

.journal_block a:hover{
	color:#555;
}

.journal_block:hover{
	background:#efefef;
}

.journal_block h3{
	font-size:1.2rem;
	color:#666;
	line-height:1.6rem;
	margin-top:0.6rem;
	margin-bottom:0.6rem;
}

.journal_block .post_info .j_time{
	font-size:1.2rem;
}

.journal_block .post_info .j_cate{
	padding:0.6rem 1rem;
	font-size:1.1rem;
}

/* 2018-11-12 画像をトリミング */
/* 2018-11-13 画像の彩度を落とす */
.journal_block img{
	object-fit: cover;
	height:180px;
	filter: saturate(50%);
}


/*--製品個別ページ側のジャーナルへのリンクボックス--*/
.single-products .journal_block{
	width:32.5%;
	margin-right:1.25%;
	min-height:235px;
}

.single-products .journal_block:nth-of-type(3n){
	margin-right:0;
}

.single-products .journal_block a{
	text-decoration:none;
}




/*__日付とカテゴリ（カスタムタクソノミー）共通___*/
.j_time
,.j_cate{
	display:inline-block;
}

.j_time{
	font-family: 'Roboto', sans-serif;
	/*font-family:'Quicksand';*/
	font-size:1.3rem;
	color:#777;
	margin-right:1rem;
}

.j_cate{
	font-size:1rem;
	border:1px solid #b5b5b5;
}

.post_info .j_cate a{
	display:block;
	padding:0.5rem 1rem;
	text-decoration:none!important;
}

/*____カテゴリ四角ボックス_____*/
.post_info .j_cate a:hover{
	color:#fff!important;
}


.post_info .dod{
	border:1px solid #0097DB!important;		/* 色参考： http://ironodata.info/ 3行目*/
}

.post_info .dod a{
	color:#0097DB!important;
}

.post_info .dod a:hover{
	background:#0097DB!important;
}

.post_info .tips{
	border:1px solid #ec6941!important;
}

.post_info .tips a{
	color:#ec6941!important;
}

.post_info .tips:hover{
	background:#ec6941!important;
}

.post_info .trend{
	border:1px solid #D7004A!important;
}

.post_info .trend a{
	color:#D7004A!important;
}

.post_info .trend:hover{
	background:#D7004A!important;
}

.post_info .summary{
	border:1px solid #00958D!important;
}

.post_info .summary a{
	color:#00958D!important;
}

.post_info .summary:hover{
	background:#00958D!important;
}

.post_info .dodsummary{
	border:1px solid #a64a97!important;
}

.post_info .dodsummary a{
	color:#a64a97!important;
}

.post_info .dodsummary:hover{
	background:#a64a97!important;
}

.post_info .diy{
	border:1px solid #dfd000!important;
}

.post_info .diy a{
	color:#dfd000!important;
}

.post_info .diy:hover{
	background:#dfd000!important;
}

.post_info .fromplanner{
	border:1px solid #aaa!important;
}

.post_info .fromplanner a{
	color:#999!important;
}

.post_info .fromplanner:hover{
	background:#aaa!important;
}





/*============================================================================*/




/* 一覧ページ共通（サポート／関連情報／ニュースページ） ======================*/
.page_commonList li{
	width:48.5%;
	margin-right:2%;
	margin-bottom:2%;
	display:inline-block;
}

.page_commonList li:nth-of-type(even){
	margin-right:0;
}

.page_commonList li a{
	display:block;
	padding:2rem 3rem;
	font-size:1.8rem;
	border:1px solid #ccc;
	color:#555;
	text-decoration:none;
}

.page_commonList li a:hover{
	background:#aaa;
	color:#fff;
	border:1px solid #aaa;
}

.page_commonList li i{
}

.page_commonList li i:nth-of-type(1n)
,.page_commonList li span{
	display:table-cell;
	vertical-align:middle;
}

.page_commonList li span{
	padding-left:1.4rem;
}

.external_links:after{
	content: "\f08e";
	font-family: FontAwesome;
}

/*============================================================================*/




/* ページ送り=================================================================*/
/*ページ送り（WP-PAGENAVI）*/
.wp-pagenavi{
	font-size:1.4rem;
	margin-top:1rem;
	text-align:center;
}

.wp-pagenavi
,.wp-pagenavi a{
	color: #8f8f8f;
}

.wp-pagenavi span.current{
	background-color:#bfbfbf;
	border:1px solid #bfbfbf!important;
	color:#fff;
}

.wp-pagenavi span
,.wp-pagenavi a{
	border:1px solid #ccc!important;
	padding:1rem 1.6rem!important;
	font-family: 'Roboto', sans-serif;
	/*font-family:'Quicksand';*/
	font-weight:bold;
	display:inline-block;
}

.wp-pagenavi a:hover{
	border:1px solid #bfbfbf!important;
	color:#fff;
	background:#bfbfbf;;
}
/*============================================================================*/
.slick-prev:before
,.slick-next:before{
	color:#999999!important;
	font-size:3rem!important;
}

.slick-prev
,.slick-next{
	z-index:20;
}

.slick-dots li.slick-active button:before
,.slick-dots li button:hover:before
,.slick-dots li button:focus:before{
	opacity: 1;
	color: #0098d9;
}

.slick-prev {
	left: -45px;
}

/*============================================================================*/



/* 内部ページ共通（サポート／関連情報／ニュースページ） ======================*/
/*__サポート／関連情報／ニュースページ共通TOP帯__________________*/
.page_commonIMG{
	display:table;
}

.page_commonIMG .page_title{
	padding-top:0;
	color:#fff;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	font-family: 'Roboto', sans-serif;
	/*font-family:'Quicksand';*/
	letter-spacing:0.2rem;
}

.page_commonIMG .page_title h2{
	font-size:6rem;
	line-height:5.6rem;
}

.page_commonIMG .page_title p{
	color:#fff;
	font-size:1.8rem;
}


/*__サポート／関連情報／ニュースページ共通h1__________________*/
.page_contents > h1{
	padding-top:0;
	margin-bottom:2rem;
	font-weight:normal;
	padding-bottom:1rem;
	border-bottom:3px solid #555;
	color:#444;
}

/*============================================================================*/




/* サイドナビ共通（サポート／関連情報／ニュースページ） ======================*/
.page_sidenav .sidebar_common_frame ul li{
	border-bottom:1px solid #c9c9c9;
	font-size:1.2rem;
}

.page_sidenav .sidebar_common_frame ul li a{
	display:block;
	padding:0.6rem 0 0.6rem 1rem;
	color:#555;
}

.page_sidenav .sidebar_common_frame ul li a:hover{
	background:#aaa;
	color:#fff;
	text-decoration:none;
}

.page_sidenav .sidebar_common_frame ul li.current-menu-item{
	background:#aaa;
}

.page_sidenav .sidebar_common_frame ul li.current-menu-item a{
	color:#fff;
}

/*============================================================================*/

.statement_title {
	text-align: left;
	font-size: 4vw;
	line-height: 4.2rem;
	margin: 0 auto;
	letter-spacing: 0.1rem;
	padding-top:0px;
	padding-bottom:30px;
}

.statement_text {
	text-align: left;
	font-size: 1.6rem;
	line-height: 4.2rem;
	max-width: 970px;
	margin: 0 auto;
	letter-spacing: 0.1rem;
	padding-top:30px;
	padding-bottom:30px;
}