@charset "utf-8";
/*
Theme Name: MarTechLab
Description: MarTechLab　2018年8月テンプレ
Author: Yuta Shina
*/

/*-----------------------------------------------------
トップページ
-------------------------------------------------------*/

#page_top #main {padding-top:0; display:block;}

#page_top #mv {
	margin:0 auto 40px auto;
	padding:30px 0;
	width:100%;
	border-bottom:1px solid #D6D6D6;
	background:#F0F0F0;
}
	
	#page_top #mv .inner {margin:0 auto;width:1100px;}
		#page_top #mv .inner a {overflow:hidden;display:block;position:relative;height:auto;}
			#page_top #mv .inner a div {background:#ffffff;}
				#page_top #mv .part_cat {width:220px;text-align:center;}
				#page_top #mv .part_ttl {padding:15px 25px 6px 25px;font-size:20px; font-weight: bold; line-height: 1.5;}
				#page_top #mv .part_date {padding-top:5px;display:inline-block;float:right;font-size:16px;}
	
	#page_top #mv #recommend_left{float:left; width: 600px;}
			#page_top #mv #recommend_left .recommend_img{height:376px; overflow:hidden; display:flex; justify-content:center; align-items:center;}
			#page_top #mv #recommend_left .cont{height: 140px; border-top: 1px solid #cccccc; box-sizing: border-box;}
			#page_top #mv #recommend_left .part_cont{padding: 0 25px;}
			#page_top #mv #recommend_left .inner a div{height: 100px;}
	#page_top #mv #recommend_right{float:right; width: 470px;}
		#page_top #mv #recommend_right .recommend_box{margin:0 0 20px; letter-spacing:-1em;}
		#page_top #mv #recommend_right .recommend_box:last-child{margin-bottom:0;}
			#page_top #mv #recommend_right .recommend_img{overflow:hidden; width:114px; display:inline-block; vertical-align:top; letter-spacing:normal;}
			#page_top #mv #recommend_right .recommend_cont{width:356px; height:114px; display:inline-block; vertical-align:top; letter-spacing:normal;}
			#page_top #mv #recommend_right .part_ttl{font-size: 16px; padding: 14px;}
	#page_top #mv .recommend_img img{ object-fit: cover; max-width: 100%; max-height: 100%; font-family: 'object-fit: cover';}

#page_top #slider {margin:0 auto;padding:0 0 40px 0;text-align:center;border-bottom:1px solid #D6D6D6;}
	#page_top #slider ul {overflow:hidden;margin:0 auto;width:1080px;}
		#page_top #slider li {float:left;margin-right:24px;width:252px;text-align:left;}
		#page_top #slider li:last-child{margin-right:0;}
		/*#page_top #slider li:nth-child(3n) {float:right;margin-right:0;}*/
			#page_top #slider li .item {display:block;position:relative;}
				#page_top #slider a div {/* position:absolute;left:0;bottom:0;*/ padding:12px 12px;width:100%;height:74px;background:rgba(0,0,0,1);box-sizing:border-box;}
					#page_top #slider .part_cat {width:220px;color:#FFF;text-align:left;}
					#page_top #slider .part_ttl {margin-bottom:5px;font-size:16px;color:#FFF;}
					#page_top #slider .part_date {font-size:14px;}
					#page_top #slider .btn_more {margin: 30px auto 10px; display: block; width: 1080px;}
					#page_top #slider .btn_more a:after{left:auto; right:460px;}
					#page_top #slider .txt_more {text-align: right; width: 1080px; margin: 30px auto 0;}

#page_top #recommend_tags{text-align: center; padding:40px 0 100px;}
	#page_top #recommend_tags ul { display: flex; flex-wrap: wrap; justify-content: space-around;}
		#page_top #recommend_tags li {display: inline-block; margin: 0 10px 10px;}
			#page_top #recommend_tags li a {display:block; padding: 10px 40px; background: #F0F0F0; border-radius: 30px; border: 1px solid #999999;}
			#page_top #recommend_tags li a:hover {background: #fafafa;}

#page_top #interview {margin:0 0 80px;}
	#page_top #interview ul{margin:0 auto 20px; width:730px;}
		#page_top #interview.entry_list1 li{width: 340px; margin:0 0 30px 0;}
			#page_top #interview.entry_list1 li:nth-child(2) {float:right;}
				#page_top #interview li a {display:block;position:relative;}
					#page_top #interview li a div {position:absolute;left:0;bottom:0;padding:12px 12px 0 12px;width:100%;height:74px;text-align:left;background:rgba(0,0,0,0.7);box-sizing:border-box;}
						#page_top #interview li a .part_ttl {margin-bottom:5px;font-size:16px;color:#FFF;}
						#page_top #interview li a .part_date {font-size:14px;}

#page_top #pickup {background: #F0F0F0; padding: 40px 0;}
	#page_top #pickup ul {overflow:hidden;margin:0 auto;width:1080px;}
		#page_top #pickup li {margin-top: 50px;}
		#page_top #pickup li:nth-child(-n+3) {margin-top: 0;}
		#page_top #pickup li:nth-child(3n) {margin-right:0;}
			#page_top #pickup .li_cont {text-align: left; padding: 12px 10px; background: #fff; border-top: 1px solid #cccccc; opacity:inherit; height:72px;}
			#page_top #pickup .post_genres {display: flex; flex-wrap: wrap; font-size: 14px; height: 22px; overflow: hidden; color: #EA5503; margin-bottom: 6px;}
				#page_top #pickup .post_genre_li {padding-left: 16px;}
				#page_top #pickup .post_genre_li:first-child {padding-left: 0;}
					#page_top #pickup .txt_more {text-align: right; width: 1080px; margin: 30px auto 0;}

#page_top #interview {margin-bottom:80px;}
	#page_top #interview dl {margin-bottom:0;}
	#page_top #interview.entry_list4 dd {margin-bottom:30px;}
		#page_top #interview.entry_list4 dd a {overflow:hidden;display:block;}
			#page_top #interview.entry_list4 dd .part_ttl {margin-bottom:15px;font-size:150%;}
			#page_top #interview.entry_list4 dd .part_cont {margin-bottom:15px;font-size:14px;}

#page_top #whitepaper {margin-bottom:80px;}
	#page_top #whitepaper.entry_list4 dd {margin-bottom:30px;}
		#page_top #whitepaper.entry_list4 dd a {overflow:hidden;display:block;}
			#page_top #whitepaper.entry_list4 dd .part_ttl {margin-bottom:15px;font-size:150%;}
			#page_top #whitepaper.entry_list4 dd .part_cont {margin-bottom:15px;font-size:14px;}


#page_top #report {margin-bottom:80px;}
	#page_top #report.entry_list4 dd {margin-bottom:30px;}
		#page_top #report.entry_list4 dd a {overflow:hidden;display:block;}
			#page_top #report.entry_list4 dd .part_ttl {margin-bottom:15px;font-size:150%;}
			#page_top #report.entry_list4 dd .part_cont {margin-bottom:15px;}

#page_top #b2bmarkting {margin-bottom:80px;}
	#page_top #b2bmarkting .ttl_common1 {border-bottom: none; padding-bottom: 0; font-size: 22px;}
		#page_top #b2bmarkting .opacity a{display:block;}
	#page_top #b2bmarkting .ttl_common1 {border-bottom: none; padding-bottom: 0; font-size: 20px; text-align: left; display: block; margin-bottom: 14px; position:relative; padding-left: 24px;}
	#page_top #b2bmarkting .ttl_common1:before {content:""; position:absolute; top:8px; left:0; width:16px; height:16px; background:#000000;}
	#page_top #b2bmarkting .mtl_post_lists{ text-align:left; margin: 0 0 24px 16px;}
		#page_top #b2bmarkting .mtl_post_lists li{margin-bottom: 10px;}
			#page_top #b2bmarkting .mtl_post_lists li a{text-decoration: underline; font-size:16px;}
			#page_top #b2bmarkting .mtl_post_lists li a:hover{text-decoration: none;}

#page_top #mtl_posts {padding: 0 0 80px;}
	#page_top #mtl_posts .ttl_common1 {border-bottom: none; padding-bottom: 0; font-size: 20px; text-align: left; display: block; margin-bottom: 14px; position:relative; padding-left: 24px;}
	#page_top #mtl_posts .ttl_common1:before {content:""; position:absolute; top:8px; left:0; width:16px; height:16px; background:#000000;}
	#page_top #mtl_posts .mtl_post_lists{ text-align:left; margin: 0 0 24px 16px;}
		#page_top #mtl_posts .mtl_post_lists li{margin-bottom: 10px;}
			#page_top #mtl_posts .mtl_post_lists li a{text-decoration: underline; font-size:16px;}
			#page_top #mtl_posts .mtl_post_lists li a:hover{text-decoration: none;}

#page_top #article .home_inner{float: none; width: 1080px;}

/*-----------------------------------------------------
アーカイブ
-------------------------------------------------------*/

#page_archive #article .inner {padding-top:40px;}

#page_archive .entry_list4 {margin-bottom:80px;font-size:14px;}
	#page_archive .entry_list4 dd {margin-bottom:60px;}
		#page_archive .entry_list4 dd .part_ttl {margin-bottom:15px;font-size:125%;}
		#page_archive .entry_list4 dd .part_type {display:inline-block;padding:0 10px;color:#FFF;text-align:center;background:#EA5503;}
		#page_archive .entry_list4 dd .part_cont {margin-bottom:15px; min-height:80px;}

#page_archive #term_list_wrap {text-align: center;}
	#page_archive .term_list {text-align: left;}
		#page_archive .term_list a:hover {text-decoration: underline;}
			#page_archive .term_list > li {position:relative; padding-left: 24px;}
			#page_archive .term_list > li:before {content:""; width: 12px; height: 12px; background: #000000; display: block; position: absolute; top: 12px; left: 0;}
				#page_archive .term_list > li a {display: inline-block; font-size: 24px; margin: 0 0 4px;}
	#page_archive .term_list_children {margin: 0 0 0 24px;}
		#page_archive .term_list_children > li {position:relative; padding-left: 16px;}
		#page_archive .term_list_children > li:before {content:""; width: 4px; height: 4px; background: #000000; display: block; border-radius: 2px; position: absolute; top: 11px; left: 0;}
		#page_archive .term_list_children > li:last-child {margin: 0 0 20px;}
			#page_archive .term_list_children > li a {display: inline-block; font-size: 18px; margin: 0;}


/*-----------------------------------------------------
記事ページ
-------------------------------------------------------*/

#page_single #entry_detail {margin:0 auto 80px auto;padding-top:40px;}
	#page_single #entry_detail h1 {margin-bottom:40px;font-size:26px;font-weight:bold;}
	#page_single #entry_detail .part_img1 {margin-bottom:40px;}
		#page_single #entry_detail .part_img1 img {display:block;margin:0 auto;width:auto;height:auto;}
	#page_single #entry_detail .part_content {margin-bottom:80px;}
		#page_single #entry_detail .part_content #page_menu {margin:0 auto 30px auto;width:90%;}
			#page_single #entry_detail .part_content #page_menu dl {width:100%;}
				#page_single #entry_detail .part_content #page_menu dt {padding:10px;font-size:20px;color:#FFF;text-align:center;background:#000;}
				#page_single #entry_detail .part_content #page_menu dd {padding:30px;font-size:16px;background:#F0F0F0;}
					#page_single #entry_detail .part_content #page_menu a:hover { text-decoration:underline;}
					#page_single #entry_detail .part_content #page_menu ol {}
					#page_single #entry_detail .part_content #page_menu ol ol {padding-left:30px;}
						#page_single #entry_detail .part_content #page_menu ol span {font-weight:bold;}
		#page_single #entry_detail .part_content #ez-toc-container {margin:0 auto 30px auto;width:90%;}
			#page_single #entry_detail .part_content #ez-toc-container .ez-toc-title-container {padding:10px;color:#FFF;text-align:center;background:#000;}
				#page_single #entry_detail .part_content #ez-toc-container .ez-toc-title {margin:0; font-size:20px;}
				#page_single #entry_detail .part_content #ez-toc-container .ez-toc-list {background: #F0F0F0; padding: 30px;}
					#page_single #entry_detail .part_content #ez-toc-container .ez-toc-list ul {padding-left:36px;}
						#page_single #entry_detail .part_content #ez-toc-container .ez-toc-list li {list-style:none;}
		#page_single #entry_detail .part_content h2 {margin-top:30px;margin-bottom:20px;padding:30px;font-size:24px;font-weight:bold;background:#F0F0F0;}
		#page_single #entry_detail .part_content h3 {margin-top:30px;margin-bottom:20px;padding-left:20px;font-size:22px;font-weight:bold;border-left:10px solid #F0F0F0;}
		#page_single #entry_detail .part_content h4 {margin-top:30px;margin-bottom:20px;padding-left:20px;font-size:18px;font-weight:bold;border-left:2px solid #333333;}
		#page_single #entry_detail .part_content h5 {margin-top:30px;margin-bottom:20px;font-size:16px;font-weight:bold;}
		#page_single #entry_detail .part_content p {margin-top:30px;margin-bottom:30px;font-size:16px;}
		#page_single #entry_detail .part_content table {}
		#page_single #entry_detail .part_content table th {border: 1px solid black; padding: 0.5em 1em;}
		#page_single #entry_detail .part_content table td {border: 1px solid black; padding: 0.5em 1em;}
		#page_single #entry_detail .part_content ul{padding-left: 20px;font-size: 16px;}
			#page_single #entry_detail .part_content ul > li{list-style-type: disc;}
		#page_single #entry_detail .part_content ol{padding-left: 20px;font-size: 16px;}
			#page_single #entry_detail .part_content ol > li{list-style-type: decimal;}
		#page_single #entry_detail .part_content #page_menu ol{padding-left: 0;}
			#page_single #entry_detail .part_content #page_menu ol li{list-style-type: none;}
		#page_single #entry_detail .part_content a{color:#0081ba;}
			#page_single #entry_detail .part_content a:hover{text-decoration:underline;}
	#page_single #entry_detail .part_ad {margin-bottom:80px;text-align:center;}
	#page_single #entry_detail .part_meta {padding:10px 0;background:#FFF;}
		#page_single #entry_detail .part_meta .part_catlist {
			float: right;
			display: inline-block;
			width: 690px;
			color:#EA5503;
		}
	#page_single #entry_detail .part_writer {overflow:hidden;padding-top:40px;border-top:2px solid #f0f0f0;background:#FFF;}
		#page_single #entry_detail .part_writer img {float:left;margin-right:20px;width:96px;}
		#page_single #entry_detail .part_writer_ttl {margin-bottom:10px;font-size:20px;}
		#page_single #entry_detail .writer_sns {clear:both; text-align: center; margin: 16px 0 0;}
			#page_single #entry_detail .writer_sns a {display: inline-block; border: 1px solid #cccccc; border-radius: 20px; line-height: 1; padding: 10px 60px 10px 90px; margin: 0 8px; font-size: 14px; font-weight: bold;}
			#page_single #entry_detail .writer_sns .writer_twitter {background:url(img/common/Twitter_Logo_Blue.svg) no-repeat 50px center; background-size:30px auto;}
				#page_single #entry_detail .writer_sns .writer_twitter:hover {background-image:url(img/common/Twitter_Logo_WhiteOnImage.svg); background-color:#1da1f2; color:#ffffff;}
			#page_single #entry_detail .writer_sns .writer_facebook {background:url(img/common/f_logo_RGB-Blue_100.png) no-repeat 50px 6px; background-size:24px auto;}
				#page_single #entry_detail .writer_sns .writer_facebook:hover {background-image:url(img/common/f_logo_RGB-White_100.png); background-color:#3471f2; color:#ffffff;}
		
		
	#page_single .entry_list4 {margin-bottom:80px;font-size:14px;}
		#page_single .entry_list4 .ttl_common1 {display:block;color:#EA5503;border-bottom: 5px solid #EA5503;}
		#page_single .entry_list4 dl {margin:0 auto;width:790px;}
			#page_single .entry_list4 dd {margin-bottom:40px;}
				#page_single .entry_list4 dd .pict {width: 114px;}
				#page_single .entry_list4 dd .cont {width: 663px;}
	
	#page_single #entry_detail .cat_bnr_wrap{text-align: center; padding-bottom: 50px;}
		#page_single #entry_detail .cat_bnr_wrap .cat_bnr{margin-bottom: 20px;}
		#page_single #entry_detail .cat_bnr_wrap .cat_bnr:last-child{margin-bottom: 0;}
			#page_single #entry_detail .cat_bnr_wrap .cat_bnr a{}
				#page_single #entry_detail .cat_bnr_wrap .cat_bnr a:hover{opacity:.8;}
				
	#page_single #entry_detail .dlWpBtn_wrap{text-align: center; margin: 0 0 60px;}
		#page_single #entry_detail .dlWpBtn_wrap .dlWpBtn{display: inline-block; margin: 0 auto; background: #ea5503; border: none; color: #ffffff; font-size: 16px; padding: 16px 60px 16px 52px; border-radius: 4px; position: relative;}
		#page_single #entry_detail .dlWpBtn_wrap .dlWpBtn:after{content: ""; width: 12px; height: 12px; border: 1px solid; border-color: transparent transparent #ffffff #ffffff; transform: rotate(-45deg); position: absolute; top: 18px; right: 22px;}
	
/*-----------------------------------------------------
記事回り込み
-------------------------------------------------------*/
.alignnone {
padding: 4px;
margin: 0px 15px 0 15px;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
padding: 4px;
}
.alignright {
float: right;
display: inline;
padding: 4px;
margin: 0px 15px 0 15px;
}
.alignleft {
float: left;
display: inline;
padding: 4px;
margin: 0px 15px 0 15px;
}
.clear {
clear: both;
}