@charset "UTF-8";

/*
	Theme Name: PK
	Description: PKテンプレート
	Theme URI: http://www.bxs.jp/
	Author: bxs.jp
	Author URI: 
	Version: 1.0

*/

/****************************************
custom
*****************************************/
body										{font-size:15px;}

body.admin-bar #header						{margin-top: 32px;}
body.admin-bar #container					{margin-top: 120px;}

#container									{min-height:715px;}

#searchsubmit								{background:#15A3C2 url('images/search.png') center center no-repeat; padding: 12px 30px; margin:0;}
#searchsubmit:hover							{background-color: #23D6FD;}

.searchbox									{padding:10px 0; margin:0 0 20px 0;}
.searchbox p								{padding: 10px 0 0; color:#9E9E9E;}
.searchbox strong							{color: #333; padding:0 5px 0 0;}
.searchbox input[type="text"]				{width:80%;}

.wp-block-search__inside-wrapper .wp-block-search__button					{white-space:nowrap; background-color: #15a3c2; border-radius: 4px; transition:all 0.3s ease-out;}
.wp-block-search__button:hover					{background-color: #23D6FD;}

h1											{margin-bottom: 24px;  display: block;  font-size: 26px;}
h1 a										{color:#333333;}
h2											{ margin-bottom: 16px; font-size: 22px; font-weight: 600;}
h3 											{ margin-bottom: 16px; font-size: 20px; position: relative; padding: 0.4rem 2rem; border-bottom: 4px solid #dcdcdc;}
h3:before									{ position: absolute; bottom: -4px; left: 0; width: 20%; height: 4px; content: ''; background: #38889a;}
h4 											{ margin-bottom: 10px; font-size: 18px;}
hr.title									{border-color:#333; margin:10px 0;}
.ssba										{margin:30px 0;}

.yarpp-related								{padding:10px; margin:50px 0 !important; background:#FAFAFA; border:1px dotted #E6E6E6;}
.yarpp-related h4							{font-size:12px; margin-bottom:10px;}
.yarpp-related li a							{display:block; padding:3px; font-weight:normal !important;}

#main .post a img,
#main .page a img,
#sidebar a img{
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
} 
#main .post a img:hover,
#main .page a img:hover,
#sidebar a img:hover{opacity:0.5;}

.sub_container textarea:focus,
.sub_container select:focus,
.sub_container input:focus				{border:1px solid #15A3C2;}

#main .post ul,
#main .page ul,
#main .post ol,
#main .page ol{
	margin-left:25px;
}
#main .post ul li,
#main .page ul li{
	list-style:disc;
}
#main .post ol li,
#main .page ol li{
	list-style:decimal;
}

a.icon_blank::after						{display:inline-block; margin-left:4px; font-family:'Material Icons'; font-size:14px; line-height:1; content:"\e89e"; transform:translateY(3px);}

/*導入事例一覧
------------------------------------------------------------------------------*/
body#portal07.home #main .post.list,
body#portal07.search #main .post.list,
body#portal07.archive #main .post.list														{display:flex; align-items:center; width:100%; margin-bottom:0; padding:24px 0px; box-sizing:border-box;}
body#portal07.home #main .post.list .thumb,
body#portal07.search #main .post.list .thumb,
body#portal07.archive #main .post.list .thumb												{min-width:140px; width:140px;}
body#portal07.home #main .post.list .thumb a,
body#portal07.search #main .post.list .thumb a,
body#portal07.archive #main .post.list .thumb a												{display:block; width:100%;}
body#portal07.home #main .post.list .thumb a img,
body#portal07.search #main .post.list .thumb a img,
body#portal07.archive #main .post.list .thumb a img											{width:100%; height:auto;}
body#portal07.home #main .post.list .txt,
body#portal07.search #main .post.list .txt,
body#portal07.archive #main .post.list .txt													{display:flex !important; flex-direction:column; padding-left:16px;}
body#portal07.home #main .post.list .txt .post-meta,
body#portal07.search #main .post.list .txt .post-meta,
body#portal07.archive #main .post.list .txt .post-meta										{order:-2; margin-bottom:10px;}
body#portal07.home #main .post.list .txt .post-meta .category,
body#portal07.search #main .post.list .txt .post-meta .category,
body#portal07.archive #main .post.list .txt .post-meta .category							{}
body#portal07.home #main .post.list .txt h2,
body#portal07.search #main .post.list .txt h2,
body#portal07.archive #main .post.list .txt h2												{margin-top:4px; margin-bottom:12px; line-height:1.3;}
body#portal07.home #main .post.list .txt h2 a::after,
body#portal07.search #main .post.list .txt h2 a::after,
body#portal07.archive #main .post.list .txt h2 a::after										{display:inline-block; padding-left:8px; font-size:12px; content:"様";}
body#portal07.home #main .post.list .txt p,
body#portal07.search #main .post.list .txt p,
body#portal07.archive #main .post.list .txt p												{line-height:1.4;}
body#portal07.home #main .post.list .txt p.industry,
body#portal07.search #main .post.list .txt p.industry,
body#portal07.archive #main .post.list .txt p.industry										{order:-1; display:block; margin-bottom:0px; color:#898989; font-size:12px; line-height:1;}
body#portal07.home #main .navigation,
body#portal07.search #main .navigation,
body#portal07.archive #main .navigation														{margin:40px 0;}
body#portal07.search #main #searchsubmit													{width:30px;}

/*導入事例詳細
------------------------------------------------------------------------------*/
body#portal07.single hr																		{margin:48px 0;}
body#portal07.single figure																	{margin-bottom:0;}
body#portal07.single figure iframe															{display:block; aspect-ratio:16 / 9; width:100%; }
body#portal07.single #main .post-meta .category												{display:none;}
body#portal07.single #main .bodytxt .wp-block-columns										{margin-bottom:0;}
body#portal07.single #main .bodytxt > .wp-block-columns										{margin-top:48px;}
body#portal07.single #main .bodytxt h1 a::after												{display:inline-block; padding-left:12px; font-size:20px; content:"様";}
body#portal07.single #main .bodytxt .area_shop dl											{margin-bottom:24px;}
body#portal07.single #main .bodytxt .area_shop dl dt										{color:#898989; font-size:12px;}
body#portal07.single #main .bodytxt .area_shop dl dt:nth-of-type(n+2)						{margin-top:12px;}
body#portal07.single #main .bodytxt .area_shop dl dd										{}
body#portal07.single #main .bodytxt .area_shop dl dd a[target="_blank"]::after				{display:inline-block; margin-left:4px; font-family:'Material Icons'; font-size:14px; line-height:1; content:"\e89e"; transform:translateY(3px);}
body#portal07.single #main .bodytxt .area_title												{}
body#portal07.single #main .bodytxt .area_title h5											{color:#898989; font-size:14px; font-weight:normal; text-align:center;}
body#portal07.single #main .bodytxt .area_title h2											{margin:0; padding:0; border:0; background:none; font-size:20px; font-weight:bold; text-align:center;}
body#portal07.single #main .bodytxt .area_talk h2											{margin-bottom:24px; padding:8px 16px 8px 12px; font-size:16px;}
body#portal07.single #main .bodytxt .group_value.title										{margin:64px 0 24px;}
body#portal07.single #main .bodytxt .group_value.title h5									{display:flex; justify-content:center; align-items:center; margin-bottom:8px; color:#575757; font-size:16px; font-weight:bold; text-align:center; letter-spacing:0.4px; }
body#portal07.single #main .bodytxt .group_value.title h5::before,
body#portal07.single #main .bodytxt .group_value.title h5::after							{display:block; flex-grow:1; height:1px; background:#E6E6E6; content:"";}
body#portal07.single #main .bodytxt .group_value.title h5 span								{padding:0 12px;}
body#portal07.single #main .bodytxt .group_value .box_value									{display:flex; justify-content:center;}
body#portal07.single #main .bodytxt .group_value .box_value span							{display:block; width:48px; height:48px; background:url('/img/common/svg/icon_valuestar_on.svg') no-repeat;}
body#portal07.single #main .bodytxt .group_value.star0 .box_value span						{background:url('/img/common/svg/icon_valuestar_off.svg') no-repeat;}
body#portal07.single #main .bodytxt .group_value.star1 .box_value span:nth-of-type(2)		{background:url('/img/common/svg/icon_valuestar_off.svg') no-repeat;}
body#portal07.single #main .bodytxt .group_value.star1 .box_value span:nth-of-type(3)		{background:url('/img/common/svg/icon_valuestar_off.svg') no-repeat;}
body#portal07.single #main .bodytxt .group_value.star1 .box_value span:nth-of-type(4)		{background:url('/img/common/svg/icon_valuestar_off.svg') no-repeat;}
body#portal07.single #main .bodytxt .group_value.star1 .box_value span:nth-of-type(5)		{background:url('/img/common/svg/icon_valuestar_off.svg') no-repeat;}
body#portal07.single #main .bodytxt .group_value.star2 .box_value span:nth-of-type(3)		{background:url('/img/common/svg/icon_valuestar_off.svg') no-repeat;}
body#portal07.single #main .bodytxt .group_value.star2 .box_value span:nth-of-type(4)		{background:url('/img/common/svg/icon_valuestar_off.svg') no-repeat;}
body#portal07.single #main .bodytxt .group_value.star2 .box_value span:nth-of-type(5)		{background:url('/img/common/svg/icon_valuestar_off.svg') no-repeat;}
body#portal07.single #main .bodytxt .group_value.star3 .box_value span:nth-of-type(4)		{background:url('/img/common/svg/icon_valuestar_off.svg') no-repeat;}
body#portal07.single #main .bodytxt .group_value.star3 .box_value span:nth-of-type(5)		{background:url('/img/common/svg/icon_valuestar_off.svg') no-repeat;}
body#portal07.single #main .bodytxt .group_value.star4 .box_value span:nth-of-type(5)		{background:url('/img/common/svg/icon_valuestar_off.svg') no-repeat;}
body#portal07.single #main .bodytxt .group_value.star5 .box_value span						{background:url('/img/common/svg/icon_valuestar_on.svg') no-repeat;}
body#portal07.single #main .bodytxt .group_value .box_pkcomment								{position:relative; max-width:620px; margin:24px auto 0; }
body#portal07.single #main .bodytxt .group_value .box_pkcomment .area_comment				{position:relative; width:calc(100% - 80px); padding:16px 16px; border:1px solid #E6E6E6; border-radius:8px; background:#F4F2EF; text-align:justify; letter-spacing:-0.4px; filter:drop-shadow(1px 0px 0px #E6E6E6); box-sizing:border-box; }
body#portal07.single #main .bodytxt .group_value .box_pkcomment .area_comment::before		{display:block; position:absolute; top:24px; left:100%; width:0; height:0; border-style:solid; border-width:8px 0 8px 12px; border-color:transparent transparent transparent #F4F2EF; filter:drop-shadow(1px 0px 0px #e5e2d8); content:"";}
body#portal07.single #main .bodytxt .group_value .box_pkcomment .area_comment p				{}
body#portal07.single #main .bodytxt .group_value .box_pkcomment .area_pk					{position:absolute; top:0; right:0;}
body#portal07.single #main .bodytxt .group_value .box_pkcomment .area_pk span				{display:block; width:80px; height:80px;}
body#portal07.single #main .bodytxt .group_value.star0 .box_pkcomment .area_pk span			{background:url('/img/common/svg/icon_valuechara_0.svg') no-repeat;}
body#portal07.single #main .bodytxt .group_value.star1 .box_pkcomment .area_pk span			{background:url('/img/common/svg/icon_valuechara_1.svg') no-repeat;}
body#portal07.single #main .bodytxt .group_value.star2 .box_pkcomment .area_pk span			{background:url('/img/common/svg/icon_valuechara_2.svg') no-repeat;}
body#portal07.single #main .bodytxt .group_value.star3 .box_pkcomment .area_pk span			{background:url('/img/common/svg/icon_valuechara_3.svg') no-repeat;}
body#portal07.single #main .bodytxt .group_value.star4 .box_pkcomment .area_pk span			{background:url('/img/common/svg/icon_valuechara_4.svg') no-repeat;}
body#portal07.single #main .bodytxt .group_value.star5 .box_pkcomment .area_pk span			{background:url('/img/common/svg/icon_valuechara_5.svg') no-repeat;}
body#portal07.single #sidebar																{}
body#portal07.single #sidebar #block-7														{display:none;}

/*FAQ
------------------------------------------------------------------------------*/
#portal05 .list h2						{font-weight:400; background:url('/img/icon/q.png') left 4px no-repeat; padding-left:25px;}
#portal05 .post-meta .newpost			{display:none;}
#portal05 .post-meta .post-date			{display:none;}
#portal05 .post-meta .category			{display:none;}
#portal05 #main .post.list				{padding-bottom:0; margin-bottom:10px;}
#portal05.single h1						{font-size:18px; background:url('/img/icon/q.png') left 4px no-repeat; padding-left:25px;}

/*吹き出し
------------------------------------------------------------------------------*/
.balloon							{margin:10px 0;}
.balloon:after						{content:"."; display:block; height:0; clear:both; visibility:hidden; line-height:0;}
.balloon>div						{float:left; width:100px;}
.balloon>div img					{width:100px;}
.balloon dl							{float:left; width:520px; padding: 15px 0 0 0;}
.balloon dt							{font-size:12px; color:#8A8A8A;}
.balloon dd							{position:relative; display:inline-block; background:#eee; padding:10px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
.balloon dd:after					{content: ""; position: absolute; left: -10px; top: 30px; margin-top: -10px; display: block; width:0; height:0; border-style: solid; border-width: 5px 10px 5px 0; border-color: transparent #eee transparent transparent;}

.balloon.right>div					{float:right;}
.balloon.right dl					{float:right; padding: 15px 0 0 0;}
.balloon.right dt					{text-align:right;}
.balloon.right dd					{float:right;}
.balloon.right dd:after				{content: ""; position: absolute; left: 100%; top: 30px; margin-top: -10px; display: block; width:0; height:0; border: solid transparent; border-width: 5px 10px; border-color: transparent transparent transparent #eee;}

.balloon.reporter dd				{background:#FFF0F0;}
.balloon.reporter dd:after			{border-right-color:#FFF0F0;}


/****************************************
Layout
*****************************************/

.wrapper {
	margin: 0 auto;
	width: 940px;
}

#main {
	float: left;
	width: 620px;
}

#sidebar {
	float: right;
	width: 220px;
}

#main,
#sidebar{
	margin-bottom: 59px;
	border-bottom: 1px solid transparent;
}



/****************************************
Breadcrumb
*****************************************/

#breadcrumb{
	margin-bottom: 20px;
}
#breadcrumb li{
	float: left;
	margin-right: .5em;
}


/****************************************
Main
*****************************************/

#main .post,
#main .page{
	overflow: hidden;
	margin-bottom: 59px;
	border-bottom: 1px solid transparent;
	text-align: justify;
	word-break: normal;
}

#main .post img,
#main .page img{
	max-width:100%;
	height:auto;
}

#main .post blockquote{
	background:#F7F7F7;
	border:1px solid #E6E6E6;
	padding:10px;
	margin:10px 0;
}

.sticky{
	/* 先頭固定ポストのスタイル */
}

.post-meta				{margin-bottom:3px; font-size:11px; color:#898989;}

.post-meta .post-date,
.post-meta .category{
	padding-right: 1em;
}
.post-meta .newpost		{display:block; color:#c80505; line-height:1;}

.comment-num{ white-space: nowrap; }

.more-link{
	float: right;
}

.navigation{
	overflow: hidden;
	margin-bottom: 40px;
}
.navigation > div{
	width: 50%;
}

.navigation .alignright{
	text-align: right;
}

.navigation a{
	display: block;
	padding: 1em;
	border: none;
}
.navigation a:hover{
	background:#f3f9fc;
}

.footer-post-meta{
	margin-top: 40px;
	text-align: right;
}
	.post-author{ padding-left: 1em; }

.page-link{
	margin: 3em 0;
}
.comment-page-link{
	margin: 0 0 3em;
}

	.page-link span,
	.comment-page-link span,
	.comment-page-link a{
		display: inline-block;
		margin-right: 3px;
		padding: 5px 8px;
		border: 1px solid #ddd;
		background: #ddd;
	}
		.page-link a span,
		.comment-page-link a{
			background: #fff;
		}
	
	.page-link a{
		border-bottom: none;
		color: #000;
	}
	
	.page-link a span:hover,
	.comment-page-link a:hover{
		background: #ffeff7;
		color: #000;
	}


/****************************************
Comments Area
*****************************************/

#comment-area h3{
	font-size: 150%;
}

.required{ color: #fe56aa;}

.commets-list,
.trackback-list{
	overflow: hidden;
	margin-top: -20px;
	margin-bottom: 40px;
}
	.commets-list li,
	.trackback-list li{
		overflow: hidden;
		margin-top: -1px;
		padding: 20px 0 0;
		width: 100%;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid transparent;
	}
		.commets-list .avatar{
			float: left;
			margin-right: 10px;
			margin-bottom: 10px;
		}

		.comment-meta,
		.reply,
		.comment-notes,
		.form-allowed-tags,
		span.small{
			font-size: 80%;
		}

		.comment-body p{
			clear: both;
		}
		.reply{
			text-align: right;
		}

.bypostauthor{
	/* 記事投稿者のコメントのスタイル */
}

.children{
	padding-left: 2em;
}

#respond{
	margin-bottom: 40px;
}

/****************************************
index.php Main
*****************************************/

#main .post.list						{border-bottom:1px solid #E6E6E6; padding-bottom:40px; margin-bottom:40px;}
#main .post.list:after					{content:"."; display:block; height:0; clear:both; visibility:hidden; line-height:0;}
#main .post.list .thumb					{display:table-cell; width:240px; vertical-align:top;}
#main .post.list .txt					{display:table-cell; vertical-align:top;}

#main .post.list .thumb img				{width:220px;}

#main .post.list h2{font-size: 16px;}

.content-box{
	float: right;
	margin-top: -0.25em;
	width: 420px;
}
.content-box .more-link{
	margin: 0;
}

.thumbnail-box{
	float: left;
	width: 160px;
}
.thumbnail-box img{
	width: 160px;
	height: 160px;
}


/****************************************
Sidebar
*****************************************/

#sidebar h2{
	font-size:12px;
	margin-bottom: 10px;
	color:#B0B0B0;
}
#sidebar a{
	color:#5A5A5A;
	display: block;
	padding: 4px 0;
}
#sidebar a:hover{
	color:#333;
}
.widget{
	margin-bottom: 60px;
}

#sidebar .widget ul{
	list-style-position: outside;
	list-style-type: disc;
}
#sidebar .widget ul a:hover{
	background:#ECECEC;
}

#sidebar .widget .tagcloud{
}

#sidebar-recent-posts li,
#sidebar-popular-posts li{
	margin:20px 0;
}

.sidebar-thumbnail-box{
	float: left;
	width: 75px;
}

.sidebar-recent-posts-title{
	float: right;
	width: 165px;
}
	#sidebar-recent-posts h3,
	#sidebar-recent-posts p,
	#sidebar-popular-posts h3,
	#sidebar-popular-posts p{
		margin: 0;
	}

.tagcloud a{
	white-space: nowrap;
	line-height: 1.5;
	background: #ECECEC;
}



#comment-area input[type="text"],
#comment-area textarea{
	display: block;
}
textarea {
	overflow: auto;
}

#sidebar .widget_recent_entries li			{font-size:90%; line-height:1.4; padding:5px 0;}

#sidebar .popular-posts{}
#sidebar .popular-posts li:after,
#sidebar .widget_newpostcatch li:after		{content:"."; display:block; height:0; clear:both; visibility:hidden; line-height:0;}
#sidebar .popular-posts li,
#sidebar .widget_newpostcatch li			{font-size:90%; line-height:1.4; padding:15px 0; border-bottom:1px solid #ddd;}

#sidebar .popular-posts li img,
#sidebar .widget_newpostcatch li img		{float:left; margin-right:10px;}


/****************************************
WordPress Misc
*****************************************/

.aligncenter {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.wp-caption {
	margin: 10px;
	padding-top: 4px;
	border: 1px solid #ddd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #f3f3f3;
	text-align: center;
}

.wp-caption-text,
.gallery-caption{
	font-size: 80%;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	margin: 0;
	padding: 0 4px 5px;
	font-size: 11px;
}

img.alignright {
    display: inline-block;
    margin: 0 0 1em 1.5em;
}

img.alignleft {
    display: inline-block;
    margin: 0 1.5em 1em 0;
}


/****************************************
Clearfix
*****************************************/

#container:after,
#header .menu > ul:after,
#header ul.menu:after,
.clearfix:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: " ";
	font-size: 0;
}
/* clearfix for ie7 */
#header .menu > ul,
#header ul.menu,
.clearfix {
	display: inline-block;
}
#container,
#header .menu > ul,
#header ul.menu,
.clearfix {
	display: block;
}

#container .sub_container			{clear:both;}
#container .sub_container::after	{content:"."; display:block; height:0; clear:both; visibility:hidden; line-height:0;}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*Wordpress Responsive[SmartPhone]
------------------------------------------------------------------------------*/
@media screen and (max-width:667px),
only screen and (max-width:480px) and (orientation:portrait) {


#main .post ul,
#main .page ul,
#main .post ol,
#main .page ol{
	margin-left:25px;
}
#main .post ul li,
#main .page ul li{
	list-style:disc;
}
#main .post ol li,
#main .page ol li{
	list-style:decimal;
}


/*吹き出し
------------------------------------------------------------------------------*/
.balloon>div						{float:left; width:15%;}
.balloon dl							{float:left; width:85%; padding:0;}
.balloon.right dl					{padding:0;}


}