/*
Theme Name: Pirika-HP NEWS
Author URI: http://www.pirikaworks.co.jp/
Version: 1.0
*/

/* ========================================
  (共通)
======================================== */

body{
	width: 100%;
	font-size: 14px;
	color: #000;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.6em;
}
body.single-post{
	line-height: 1.6em;
}

a,a:link{
	color: #3F7986;
	text-decoration: underline;
}
.wrapper{
	width:1000px;
	margin:0 auto 0px;
}
a:hover{
	color: #FD0275;
	text-decoration: none;
}
td,th{
	padding: 5px 10px;
	border-color:#000;
}
table{
	border-color:#000;
}
a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	zoom: 1;
}
.red { color: #ff5a00; }
.sitecolor { color: #0a0; }
p.txt { margin-bottom: 1.8em; }
p.strong {
	font-size: 16px;
	font-weight: bold;
}

table.table-standard {
	border: 1px #ddd solid;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 auto;
}
table.table-standard th {
	padding: 12px;
	border: #ddd solid;
	border-width: 0 0 1px 1px;
	background: #f0f0f0;
	font-weight: bold;
	text-align: left;
}
table.table-standard td {
	padding: 12px;
	border: 1px #ddd solid;
	border-width: 0 0 1px 1px;
	text-align: left;
}
table.table-full {
	width: 100%;
}
table.table-half {
	width: 50%;
	margin-left: 0px;
}


/*-----------------------------------------
　パーツ
---------------------------------------- */

h2,
.content h2 {
	display:block;
	color: #3F7986;
	font-size: 16px;
	font-weight: bold;
	line-height: 1em;
	margin-bottom: 15px;
}


h3,
.content h3,
.h3style{
	display:block;
	color: #000;
	font-size: 15px;
	font-weight: bold;
	padding-left: 18px;
	//background:url(http://jigyosaisei-yokohama.com/images/bg_h3.png) no-repeat;
	line-height: 40px;
	margin-bottom: 20px;
}

h4,
.content h4,
.h4style{
	display:block;
	font-size: 14px;
	font-weight: bold;
	padding-left: 32px;
	//background:url(http://jigyosaisei-yokohama.com/images/bg_h4.gif) no-repeat 0px 14px;
	line-height: 40px;
	border-bottom: dotted 1px #0c0;
	margin-bottom: 20px;
}
.txtlink:before {
	content: '■';
	font-size: 12px;
	color: #0a0;
	padding-right: 18px;
}
.container{
	padding: 5px;
	background: #fefefe;
	/*border: solid 1px #1f9e9e;*/
	margin-bottom: 15px;
}


/* ========================================
  ヘッダー
======================================== */

/* ヘッダーサイズ指定 */
#header {
	height: 145px;
	padding: 0px;
}
#head-logo-box {
	float: left;
	width: 760px;
}
#head-contact-box {
	float: right;
	width: 240px;
	text-align: center;
}
#head-catch {
	background: url(images/bg_b.gif) #333;
	height: 42px;
}
#head-catch p{
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	line-height: 42px;
}
h1 a {
	width: 245px;
	height: 80px;
	margin: 0px;
	padding: 10px 0 13px;
	display: block;
}
#head-contact-box ul {
	margin-top: 33px;
	display: inline-block;
}
#head-contact-box ul li {
	float: left;
	margin: 0 5px;
}


/* ヘッダーINFORMATION */
#head-info {
	background-color: #FD0275;
	height: 44px;
}
#head-info p{
	color: #fff;
	font-weight: bold;
	line-height: 44px;
}


/* ========================================
  グローバルナビ
======================================== */

nav {
	width: 100%;
	height: 46px;
	display: block;
	background-color: #f5f5f5;
	border-top: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
	text-align: center;
}
#menu-gnavi {
	display: inline-block;
}
#menu-gnavi li {
	float: left;
	width: 123px;
	text-align: center;
	border-left: solid 1px #ddd;
}
#menu-gnavi li:last-child {
	border-right: solid 1px #ddd;
}
#menu-gnavi li a {
	display:inline-block;
	color: #000;
	font-size: 13px;
	font-weight: bold;
	line-height: 1em;
	text-decoration: none;
	width: 123px;
	padding: 16px 0 17px;
}
#menu-gnavi li:hover {
	background-color: #f0f0f0;
}
#menu-gnavi li a:hover {
	text-decoration: underline;
}

/*SP*/
#sp-menu {
	display: none;
}


/* ========================================
  フッター
======================================== */

/* 共通バナー */
#common-bnr {
	margin-bottom: 20px;
}

/* フッター */
#footer {
	background: #f0f0f0;
}
#footer-cts {
	padding: 15px 0 30px;
}
#footer-logo-area {
	float: left;
	width: 75%;
}
#footer-logo {
	margin-bottom: 15px;
}
#footer-catch {
	color: #060;
	font-size: 12px;
	line-height: 1.4em;
	margin-bottom: 15px;
}
#footer-area-intro {
	font-size: 12px;
	margin-bottom: 10px;
}
#footer-area dt {
	color: #060;
	font-size: 12px;
	font-weight: bold;
}
#footer-area dd {
	font-size: 12px;
	padding-left: 30px;
}
#menu-footer-menu {
	margin-top: 30px;
}
#menu-footer-menu li {
	background: url(http://jigyosaisei-yokohama.com/images/arrow_grn.gif) no-repeat 0px 6px;
	font-size: 12px;
	padding-left: 15px;
	margin-bottom: 6px;
}
#menu-footer-menu li a {
	text-decoration: none;
}
#menu-footer-menu li ul {
	margin-top: 6px;
}
#menu-footer-menu li ul li {
	background: url(http://jigyosaisei-yokohama.com/images/arrow_gry.gif) no-repeat 0px 6px;
}


/* Copyright */
#copy {
	background: url(images/bg_b.gif) #333;
	color: #fff;
	text-align: center;
	font-size: 12px;
	padding: 0px;
	height: 44px;
}
#copy p {
	float: left;
	line-height: 43px;
}
#copy ul {
	float: right;
}
#copy ul li {
	float: left;
}



/* ========================================
  カラム設定
======================================== */

/* サイドコンテンツ */
#sidebar{
	float: right;
	width: 240px;
	margin-top: 0px;
}
/* メインコンテンツ */
div.content{
	float: left;
	width: 730px;
	padding-right: 30px;
	margin-top: 0px;
}

/* ========================================
  サイドコンテンツ
======================================== */

/* 共通 */
#sidebar .textwidget {
	margin-bottom: 20px;
}
.sidebar-ttl {}
.sidebar-cts {
	background-color: #fff;
	border-left: solid 1px #ddd;
	border-right: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
	padding: 10px;
}

/* メインメニュー（バナー） */
#side-mainmenu li {
	margin-bottom: 8px;
}

/* サイドナビ */
#nav_menu-4:before {
	content: url(images/sidettl-category.png);
}
#nav_menu-4 ul {
	/* width: 240px; */
	margin-top: -6px; /* 余白調整 */
	border-left: solid 1px #ddd;
	border-right: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
	margin-bottom: 20px;
}
#nav_menu-4 ul li {
	border-bottom: dotted 1px #ccc;
	margin: 0px;
	background: url(images/arrow_b.gif) no-repeat 10px 17px #fff;
}
#nav_menu-4 ul li:last-child {
	margin-bottom: 0px;
	border-bottom: none;
}
#nav_menu-4 a{
	color: #000;
	font-size: 13px;
	display: inline-block;
	line-height: 44px;
	width: 208px;
	padding-left: 30px;
	text-decoration: none;
}
#nav_menu-4 a:hover{
	background: url(images/arrow_b.gif) no-repeat 10px 17px #f5f5f5;
	text-decoration: underline;
}

/* サイドナビ（子ページ） */
#nav_menu-4 ul li ul {
	display:block;
	border-left: none;
	border-right: none;
	border-bottom: none;
	margin-bottom: 0px;
	margin-top: 0px; /* 余白調整 */
}
#nav_menu-4 ul li ul li {
	background: none;
}
#nav_menu-4 ul li ul li:first-child { border-top: dotted 1px #ccc; }
#nav_menu-4 ul li ul li:last-child { border-bottom: none; }
#nav_menu-4 ul li ul li:before {
	content: "-"; 
	float: left;
	padding-top: 10px;
	padding-left: 24px;
}
#nav_menu-2 ul li ul li a {
	display:block;
	width: 198px;
	padding: 0px 0px 0px 40px;
	font-size: 13px;
	background: none;
}
#nav_menu-4 ul li ul li a:hover{
	background: #f5f5f5;
}

/* Facebookページ */
._4s7c {
	/* border: 1px solid #ddd; */
}






/* ========================================
  メインコンテンツ
======================================== */

/*---------------------------------------
  共通設定
---------------------------------------*/

#cts {
	background: url(images/bg.gif) #ebebeb;
	/*padding-top: 30px;*/
	padding-bottom: 30px;
}
.home #cts {
	padding-top: 30px;
}
.content .textwidget{
	margin-bottom: 24px;
}
.clm-title {
	background: url(images/bg_b.gif) #333333;
	height: 46px;
}

/* 追尾メニュー */
.followmenu {
	position: fixed;
	right: 0;
	top: 265px;
}


/* ----------------------------------------
  ホーム
---------------------------------------- */

/* 記事 */
.content article,
.single-article,
.author-info {
	background-color: #fff;
	border: solid 1px #ddd;
	padding: 15px;
	margin-bottom: 15px;
}
.home .entry-thumbnail,
.archive .entry-thumbnail {
	float: left;
	width: 340px;
	border: solid 1px #ddd;
}
.home .entry-thumbnail img,
.archive .entry-thumbnail img {
	width: 320px;
	height: auto;
	padding: 10px;
}
.home .entry-text,
.archive .entry-text {
	float: right;
	width: 340px;
}
.home .entry-text h2,
.archive .entry-text h2 {
	font-size: 100%;
	line-height: 1.6em;
	margin-bottom: 1px;
	color: #000;
}
.entry-date {
	float: left;
	width: 80px;
	background-color: #333;
	color: #fff;
	font-size: 10px;
	text-align:  center;
}
.entry-header h2 {
	float: left;
	width: 605px;
	line-height: 22px;
}



/* 投稿ページ */
.single .entry-header h1 {
  float: left;
  width: 605px;
  line-height: 22px;
  display: block;
  color: #000;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 15px;
}


.single .entry-thumbnail {
	width: 700px;
	border: solid 1px #ddd;
	margin-bottom: 30px;
}
.single .entry-thumbnail img {
	width: 680px;
	height: auto;
	padding: 10px;
}
.single-article h2 {
	display:block;
	color: #000;
	font-size: 20px;
	font-weight: bold;
	line-height: 2em;
	margin-bottom: 20px;
	border-left: 3px solid #333;
	padding-left: 10px;
}
.single-article p {
	margin-bottom: 20px;
	line-height: 1.8em;
}

.entry-meta {
	background: #f5f5f5;
	padding: 5px 15px;
	margin: 0 -15px -15px;
	border-top: solid 1px #ddd;
}
.entry-meta ul li{
	float: left;
}
.entry-meta ul li:nth-child(1),
.entry-meta ul li:nth-child(3) {
	margin-right: 10px;
	padding-top: 2px;
}
.entry-meta ul li:nth-child(2),
.entry-meta ul li:nth-child(4) {
	margin-right: 20px;
}


/* author */
.author-photo {
	float: left;
	width: 120px;
}
.author-content {
	float: right;
	width: 560px;
}
.author-content h3 {
	font-size: 100%;
	font-weight: bold;
	line-height: 1em;
	padding-left: 0px;
	margin-bottom: 15px;
}
.author-content p {
	margin-bottom: 15px;
}
.author-links {
	text-align: right;
}



/* カテゴリーページ */
.category-title {
	border: solid 1px #ddd;
	background-color: #fffff7;
	padding: 10px 15px;
	margin-bottom: 15px;
	margin-top: -15px;
	font-size: 12px;
	color: #000;
}
.category-title span {
	width: 80px;
	display: inline-block;
	background-color: #FD0275;
	color: #fff;
	font-size: 10px;
	font-weight: normal;
	text-align: center;
	line-height: 2em;
	margin-right: 10px;
}



/* ----------------------------------------
  お問い合わせ
---------------------------------------- */

#mw_wp_form_mw-wp-form-87 table th {
	width: 30%;
}
.mw_wp_form_confirm .sample {
	display: none;
}
.mw_wp_form .error {
	color: #f00 !important;
	font-weight: bold;
}
.req {
	font-size: 10px;
	color: #f00;
}
.sample {
	font-size: 12px;
	color: #999;
}
.formbt {
	text-align: center;
	margin-top: 18px;
}
.formbt input[type="submit"] {
	font-size: 200%;
	width: 220px;
}


/* 投稿ページがランキングカテゴリーの時 */
.newestcat {
	margin-bottom: 30px;
}
.newestcat1 {
	float: left;
	width: 49%;
	text-align: center;
}
.newestcat2 {
	float: right;
	width: 49%;
	text-align: center;
}
.newestcat1 img,
.newestcat2 img {
	width: 100%;
}


/*---------------------------------------
各ページ
---------------------------------------*/

/*------------
common
-------------*/
.bolder{font-weight:bold;}
.mr13{margin-right: 13px;}
.ml10{margin-left: 10px;}
.ml20{margin-left: 20px;}
.ml30{margin-left: 30px;}
.pt15{padding-top:15px;}
.pt10{padding-top:10px;}
.mg0{margin:0!important;}
.mb0{margin-bottom:0!important;}
.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom: 25px;}
.mb30{margin-bottom: 30px;}
.mb35{margin-bottom:35px;}
.strong{
	font-weight: bold;
	font-size: 1.2em;
}
.mark{
	color:#f86415;
}
.center{
	text-align: center;
}
.right{
	text-align: right;
}
.fL{
	float:left;
}
.fR{
	float:right;
}
.small{
	font-size: 0.9em;
}
.textlink{
	background: url(images/arrow.gif) no-repeat left center;
	padding-left: 32px;
	display: inline;
	line-height: 2.2em;
}
.clearfix:after {
clear:both;
content:".";
display:block;
font-size:0.1em;
height:0.1px;
line-height:0;
visibility:hidden;

}
.clearfix {
min-height:1px;
zoom:1;
}
* html .clearfix {
height:1px;
}

/*-------------------------
パンくず
--------------------------*/
.breadcrumbs{
	clear: both;
	font-size: 12px;
	padding: 10px 0;
	margin-bottom: 10px;
}
.breadcrumbs a {
	color: #000;
	/*text-decoration: none;*/
}

/*-------------------------
ページネーション
--------------------------*/
.wp-pagenavi {
	text-align: center;
	margin: 30px auto 30px;
}
.wp-pagenavi span {
	border: 1px solid #ddd !important;
	padding: 9px 12px !important;
}
.wp-pagenavi a, .wp-pagenavi span {
	border: 1px solid #ddd !important;
	padding: 9px 12px !important;
	background: #fff;
}
.wp-pagenavi span.current {
	background: #FD0275 !important;
	color: #fff !important;
}



/*---------------------------------------
レスポンシブ
---------------------------------------*/
@media screen and (max-width:640px) {

	/* ========================================
	  汎用
	======================================== */
	img {
		max-width: 100%;
		height: auto;
		width /***/:auto;　
	}
	.wrapper {
		width: 100%;
	}
	#cts {
		padding-top: 10px;
		padding-bottom: 0px;
	}

	/* ========================================
	  カラム設定
	======================================== */
	/* サイドコンテンツ */
	#sidebar{
		float: none;
		width: 100%;
		margin-top: 0px;
	}
	/* メインコンテンツ */
	div.content{
		float: none;
		width: 100%;
		padding-right: 0px;
		margin-top: 0px;
	}
	/* 追尾メニュー */
	.followmenu {
		display: none;
	}

	/* ========================================
	  ヘッダー
	======================================== */
	#head-logo-box {
		float: none;
		width: 100%;
	}
	#head-contact-box {
		float: none;
		width: 100%;
		display: none;
	}
	#head-catch {
		height: 42px;
	}
	#head-catch p{
		line-height: 1.5em;
		padding: 4px 0;
	}
	h1 a {
		height: auto;
		padding: 10px 0 10px 3%;
	}

	/* ヘッダーINFORMATION */
	#head-info {
		background-color: #FD0275;
		height: auto;
	}
	#head-info p{
		color: #fff;
		font-size: 12px;
		font-weight: bold;
		line-height: 1.5em;
		padding: 4px 0;
	}

	/* ========================================
	  グローバルナビ
	======================================== */
	nav {
		height: auto;
		border-bottom: none;
	}
	#sp-menu {
		display: block;
		background: #fffff7;
		border-bottom: solid 1px #ddd;
		line-height: 44px;
		text-align: left;
		font-weight: bold;
		padding-left: 3%;
	}
	#sp-menu span {
		font-size: 10px;
		color: #F3A09C;
		vertical-align: top;
		padding-right: 5px;
	}
	#menu-gnavi {
		display: none;
	}
	#menu-gnavi li {
		float: none;
		width: 100%;
		text-align: left;
		border-left: none;
		border-bottom: solid 1px #ddd;
	}
	#menu-gnavi li:last-child {
		border-right: none;
	}
	#menu-gnavi li a {
		width: 94%;
		padding: 15px 3%;
	}

	/* ========================================
	  サイドコンテンツ
	======================================== */
	/* バナー */
	.sidebnr {
		text-align: center;
	}

	/* 見出し */
	.sidebar-ttl {
		background: url(images/bg_b.gif) #333;
	}
	#nav_menu-4:before {
		background: url(images/bg_b.gif) #333;
		display: block;
	}

	/* Facebookバナー */
	#text-4 {
		display: none;
	}

	/* サイトマップ */
	#nav_menu-4 a{
		width: 90%;
	}

	/* ========================================
	  フッター
	======================================== */
	#footer-logo-area {
		float: none;
		width: 100%;
	}

	/* ========================================
	  コンテンツ
	======================================== */

	/*-------------------------
	記事（一覧）
	--------------------------*/
	.content article,
	.single-article {
		width: 88%;
		padding: 3%;
		margin: 3%;
	}
	.home .entry-thumbnail,
	.archive .entry-thumbnail {
		float: none;
		width: 100%;
		border: solid 1px #ddd;
		margin-bottom: 5px;
	}
	.home .entry-thumbnail img,
	.archive .entry-thumbnail img {
		width: 96%;
		padding: 2%;
	}
	.home .entry-text,
	.archive .entry-text {
		float: none;
		width: 100%;
	}
	.entry-date {
		float: none;
		width: 100px;
		font-size: 12px;
		margin-bottom: 5px;
	}
	.entry-header h2 {
		float: none;
		width: 100%;
	}

	/* カテゴリーページ */
	.category-title {
		margin-top: 5px;
	}

	/*-------------------------
	記事（詳細）
	--------------------------*/
	.single .entry-header h1 {
		float: none;
		width: 100%;
		font-size: 120%;
		line-height: 1.2em;
	}
	.single .entry-thumbnail {
		width: 100%;
		margin-bottom: 20px;
	}
	.single .entry-thumbnail img {
		width: 96%;
		padding: 2%;
	}
	.single-article h2 {
		font-size: 120%;
		line-height: 1.2em;
		margin-bottom: 10px;
		padding-top: 8px;
		padding-bottom: 8px;
		padding-left: 5px;
	}
	.single-article p {
		line-height: 1.6em;
	}
	.entry-meta {
		padding: 3%;
		margin: 0;
		margin-top: 10px;
		border: solid 1px #ddd;
	}
	.author-info {
		width: 94%;
		margin: 0 0 20px;
		border: none;
		border-left: solid 1px #ddd;
		border-right: solid 1px #ddd;
		border-bottom: solid 1px #ddd;
		padding: 3%;
	}
	.author-content {
		float: none;
		width: 94%;
	}

	/* YouTube用 */
	.single-article iframe {
		width: 100%;
		height: auto;
	}


	/*-------------------------
	ページネーション
	--------------------------*/
	.wp-pagenavi .extend,
	.wp-pagenavi .page,
	.wp-pagenavi .current,
	.wp-pagenavi .first,
	.wp-pagenavi .last {
		display: none;
	}


}