/*
 Theme Name:   GeneratePress Child
 Author:       NoguchiKikaku
 Template:     generatepress
 Unsemantic CSS Framework Documentation http://unsemantic.com/css-documentation
*/

@import url(css/tools.css);
@import url(css/bootstrap.css);

/* =========================================================
* フォント設定
========================================================= */
@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: normal;
	src: url('font/NotoSansCJKjp-Regular-sub.eot');
	src: local('Noto Sans CJK JP Regular'),
	url('font/NotoSansCJKjp-Regular-sub.eot?#iefix') format('embedded-opentype'),
	url('font/NotoSansCJKjp-Regular-sub.woff') format('woff'),
	url('font/NotoSansCJKjp-Regular-sub.otf')  format('opentype');
}
@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: bold;
	src: url('font/NotoSansCJKjp-Medium-sub.eot');
	src: local('Noto Sans CJK JP Medium'),
	url('font/NotoSansCJKjp-Medium-sub.eot?#iefix') format('embedded-opentype'),
	url('font/NotoSansCJKjp-Medium-sub.woff') format('woff'),
	url('font/NotoSansCJKjp-Medium-sub.otf')  format('opentype');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: normal;
	src: url('font/Roboto-Regular-sub.eot');
	src: local('Roboto Regular'),
	url('font/Roboto-Regular-sub.eot?#iefix') format('embedded-opentype'),
	url('font/Roboto-Regular-sub.woff') format('woff'),
	url('font/Roboto-Regular-sub.ttf')  format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: bold;
	src: url('font/Roboto-Bold-sub.eot');
	src: local('Roboto Bold'),
	url('font/Roboto-Bold-sub.eot?#iefix') format('embedded-opentype'),
	url('font/Roboto-Bold-sub.woff') format('woff'),
	url('font/Roboto-Bold-sub.ttf')  format('truetype');
}

/* =========================================================
* 共通設定
========================================================= */
body {
	font-family: "Roboto", "Droid Sans", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", sans-serif;
	line-height: 1.8;
	letter-spacing: 0.1em;
}

button, html input[type="button"], input[type="reset"], input[type="submit"], .button, .button:visited {
	font-family: "Roboto", "Droid Sans", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", sans-serif;
}

.box-border {
	border: 3px solid #ddd;
	padding: 15px;
}
.img-border {
	border: 1px solid #ddd;
}
.img-box-shadow img {
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.4);
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,.4);
	box-shadow: 0px 0px 3px rgba(0,0,0,.4);
}
.no-shadow {
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}
.info2column .info-meta .info-cat {
	width: 80px;
}

/* =========================================================
* カラー設定
========================================================= */
/* ベースカラー */
.bace-color {
	color: #009944;
}
.sub-color {
	color: #F15D5D;
}
i {
	color: #009944;
}

.txtred {
	color: #ef4141;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
.info-title a,
.title-container a,
.menu-servicemenu-container a {
	color: #333333;
	text-decoration: none;
}
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited,
.info-title a:visited, 
.title-container a:visited,
.menu-servicemenu-container a:visited {
	color: #333333;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover,
.info-title a:hover, 
.title-container a:hover,
.menu-servicemenu-container a:hover {
	color: #1e73be;
}
.info2column .info-meta .news {
	background: #009944;
}
.info2column .info-meta .column {
	background: #5b6bdc;
}
.info2column .info-meta .review {
	background: #F15D5D;
}
.info2column .info-meta .consulting {
	background: #f08f28;
}
.info2column .info-meta .blog {
	background: #33b7c4;
}
.info1column li a .cat {
	background: #009944;
}
.info1column li a .column {
	background: #F15D5D;
}

.tools-btn-style1:hover i {
	color: #fff;
}
.tools-btn-red,
.tools-btn-red a {
	background: none repeat scroll 0% 0% #e44141;
	border: 1px solid #F15D5D;
}
a.tools-btn-red {
	color: #fff;
}
a:hover.tools-btn-red {
	color: #fff;
	background: none repeat scroll 0% 0% #f66f6f;
}
.tools-btn-green,
.tools-btn-green a {
	background: none repeat scroll 0% 0% #009944;
	border: 1px solid #009944;
}
a.tools-btn-green {
	color: #fff;
}
a:hover.tools-btn-green {
	color: #fff;
	background: none repeat scroll 0% 0% #009040;
}


/* =========================================================
* Unsemantic調整
========================================================= */
.grid-container {
	padding-left: 0;
	padding-right: 0;
}
/* 標準値8px */
table.table-padding > tbody > tr > th,
table.table-padding > tbody > tr > td {
	padding: 15px;
}
/* トップに戻るボタン(rgbaに変換：http://www.color-hex.com/) */
.generate-back-to-top,
.generate-back-to-top:visited {
	background: rgba( 0,153,68,1 );
}
.generate-back-to-top:hover {
	background: rgba( 0,153,68,0.8 );
}
.generate-back-to-top i {
	color: #fff;
}

/* =========================================================
 * コンタクトフォーム
========================================================= */
.wpcf7-form table tr td {
	padding: 10px;
	line-height: 1.8em;
}
.wpcf7-form table tr th {
	background: #f3f3f3;
}
.wpcf7-form table p {
	margin: 0;
}

/* チェックボックス縦並び */
span.wpcf7-list-item {
	display: block;
}

/* =========================================================
* 見出し
========================================================= */
.entry-header {
	border-bottom: 1px dotted #ccc;
}
.entry-title {
	margin: 0 0 0.5em 0;
	padding: 0 0 0 10px;
	line-height: 1.2em;
	font-weight: normal;
	border-left: 5px solid #009944;
}
.bigtitle {
	font-size: 30px;
	line-height: 60px;
	background: #009944;
	color: #ffffff;
	text-align: center;
}
h2 {
	margin: 2em 0 1em 0;
	padding: 0 0 0 10px;
	line-height: 1.2em;
	border-left: 5px solid #009944;
}
.bn-title {
	font-size: 18px;
	margin: 0 0 0.5em 0;
	padding: 0;
	border: none;
}
.strong-title {
	color: #009944;
}
.sidebar .widget .widget-title {
	font-size: 18px;
	background: #009944;
	color: #ffffff;
	padding-left: 10px;
}

.title-container {
	padding-bottom: 15px;
	border-bottom: 1px dotted #cccccc;
}
.title-container h2 {
	margin: 0;
	float: left;
}
.title-container .link {
	float: right;
}
.title-container ul.link {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.title-container .link li {
	font-size: 80%;
	margin-left: 20px;
	padding: 0 0 0 0;
	float: left;
}
.title-container:after, .title-container .link:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}
.heading8 {
	background: #009944;
}

/* =========================================================
* ヘッダー
========================================================= */
.catchcopy {
	font-size: 13px;
	line-height: 22px;
	background: #eee;
}
.catchcopy h1 {
	font-size: 13px;
	line-height: 22px;
	margin: 0;
	padding: 0;
}
.catchcopy a {
	color: #111;
}
.catchcopy a:hover {
	color: #1e73be;
}
.site-header .header-image {
	height: 50px;
}
.header-cta {
	width: 520px;
}
.headline-news {
	background: #fff;
	padding: 5px 0;
	maring: 0;
	font-size: 13px;
	line-height: 23px;
	text-align: center;
	letter-spacing: 0.05em;
}

/* =========================================================
* ナビゲーション
========================================================= */
ul#menu-navigation-1 > li {
	width: 16.6%;
}
ul#menu-navigation-1 > li {
	background: url(images/bg-nav-li.png) right center no-repeat; /* メニューの仕切り線 */
}
ul#menu-navigation-1 > li.menu-item-16 {
	background: none;
}
@media (max-width:1200px) {
	ul#menu-navigation-1 > li {
		width: auto;
	}
}
/* カレントメニューの背景色を透明 */
.main-navigation .main-nav ul .current-menu-item > a, 
.main-navigation .main-nav ul .current-menu-parent > a, 
.main-navigation .main-nav ul .current-menu-ancestor > a, 
.main-navigation .main-nav ul .current_page_item > a, 
.main-navigation .main-nav ul .current_page_parent > a, 
.main-navigation .main-nav ul .current_page_ancestor > a {
	background-color: transparent !important;
	/*border-bottom: 2px solid #038638;*/
}
.main-navigation i {
	color: #fff;
}
.main-navigation .main-nav:not(.slideout-menu) ul ul li a {
	border-top: 1px solid rgba(255,255,255,0.5);
}
.main-navigation .main-nav ul ul {
	width:220px;
}
.main-navigation .main-nav ul li.menu-tel a {
	padding-top: 10px;
	line-height: 1.5em;
}

.breadcrumbs {
	background: #eeeeee;
	font-size: 80%;
	line-height: 1.2em;
	padding: 15px 0;
}

/* =========================================================
* ウィジェット
========================================================= */
#left-sidebar .widget-title,
#right-sidebar .widget-title {
	margin-bottom: 10px;
}

.sidebar .widget {
	margin-bottom: 0;
}

.menu-servicemenu-container ul li {
	line-height: 40px;
	padding: 0 0 0 12px;
	margin: 0 0 0 5px;
	background: url(images/widget-list.png) left center no-repeat;
	border-bottom: 1px dotted #009944;
}

/*----- セレクトボックス -----*/
aside.widget select {
	padding: 5px;
	width: 100%;
}
aside.widget option {
	padding: 5px;
}

.txtstatus {
	text-align: center;
	font-size: 14px;
}
table.hp-status tr td,
table.hp-status tr th {
	text-align: center;
	padding: 5px;
}
table.hp-status {
	margin-bottom: 10px;
}

/* =========================================================
 * CTA
========================================================= */
#cta h2 {
	margin-top: 4em;
}
#cta .cta-container {
	padding: 20px 15px;
	border: 3px solid #009944;
	background: #fafafa;
	border-radius: 5px;
}
#cta .cta-textarea {
	border: 1px solid #e3e3e3;
	background: #fff;
	padding: 10px 10px 0 10px;
}
#cta .cta-title {
	position:relative;
	margin: 0 0 20px 0;
	padding:10px;
	padding-left:25px;
	font-weight: normal;
	font-size: 22px;
	background-color: #009944;
	color: #fff;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
#cta .cta-title:before {
	content:'';
	height:26px;
	width:2px;
	display:block;
	position:absolute;
	top:7px;
	left:10px;
	background-color:#fff;
	border-left: 4px solid #fff;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
}

/* =========================================================
* トップページ
========================================================= */
#generate-section-1 .generate-sections-inside-container {
	padding-left: 0;
	padding-right: 0;
}
.title-show-works h2 {
	font-size: 26px;
	line-height: 34px;
}
.title-show-works span.show-works-txt {
	font-size: 16px;
	font-weight: 600px;
	color: #333;
}
.title-show-works {
	border-bottom: none;
}
.title-show-works .link {
	width: 220px;
}
.title-container ul.link {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.title-show-works .link li {
	font-size: 100%;
	margin-left: 0;
}
.title-show-works .link li a {
	color: #fff;
}
.title-show-works .tools-btn-style1 {
	width: 100%;
	border-radius: 3px;
	padding: 2px 5px;
}

.works-thum,
.works-date {
	margin-bottom: 15px;
}
.menu-title {
	font-size: 36px;
	line-height: 36px;
	margin-bottom: 10px;
}
h1.menu-txt {
	font-size: 15px;
	font-weight: bold;
	color: #009944;
	margin-bottom: 30px;
}

/* =========================================================
* 一覧・詳細
========================================================= */
.page .page-header-image, 
.page-header-image-single {
	display: none;
}


/* =========================================================
* フッター
========================================================= */
footer i {
	color: #fff;
}
#footer-widgets {
	border: 1px solid #eee;
	background: url(images/bg-footer.gif) left top repeat-x;
	padding: 0;
	margin: 0;
}
.inside-footer-widgets .inner-padding {
	padding: 0 20px;
}
#footer-widgets .widget-title {
	margin-bottom: 10px;
}
.footer-area {
	font-size: 80%;
}

/* =========================================================
* テーブル
========================================================= */
th {
	text-align: center;
	font-weight: normal;
	background: #fafafa;
}
table.hide-on-desktop,
table.hide-on-tablet {
	font-size: 80%;
}

/* =========================================================
* DL DT DD
========================================================= */
dl {
	margin-top: 0;
	margin-bottom: 20px;
}
dt,
dd {
	line-height: 1.42857143;
}
dt {
	font-weight: normal;
}
dd {
	margin-left: 0;
	margin-bottom: 5px;
}
@media (min-width: 768px) {
	.dl-horizontal dt {
		float: left;
		width: 110px;
		overflow: hidden;
		clear: left;
		text-align: left;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.dl-horizontal dd {
		margin-left: 120px;
	}
}
.dl-horizontal dd:before,
.dl-horizontal dd:after {
	display: table;
	content: " ";
}
.dl-horizontal dd:after {
	clear: both;
}


/* =========================================================
 * 各ページの見出し
========================================================= */
.header-box {
	border: 3px solid #ddd;
	padding: 50px 25px;
}
.header-line1 {
	font-weight: bold;
	font-size: 28px;
	line-height: 28px;
	color: #009944;
	margin-bottom: 20px;
}
.header-line2 {
	font-weight: bold;
	font-size: 36px;
	line-height: 36px;
}

/* =========================================================
 * 選ばれる理由
========================================================= */
.selectbox {
	padding: 20px 20px 0 0;
	border: 1px solid #aaa;
	box-shadow: inset 0px 0px 0px 4px rgba(0, 0, 0, 0.05);
}

/* =========================================================
 * 料金案内・プライステーブル
========================================================= */

table.plantable {
}

table.plantable th {
	vertical-align: middle;
}
table.plantable td {
	text-align: center;
	vertical-align: middle;
}

/*----- 制作費 -----*/
table.plantable tr.planprice td {
	font-size: 26px;
	font-weight: bold;
}
/*----- 制作費 -----*/
table.plantable tr.planpage td {
	font-size: 22px;
	font-weight: bold;
}

/*----- 月額費用 -----*/
table.plantable tr.planhoshu td {
	font-size: 22px;
	font-weight: bold;
}

/*----- 管理保守プラン　タイトル -----*/
table.plantable tr.kanrititle td {
	font-size: 18px;
	font-weight: normal;
	color: #ffffff;
	background: #009944 !important;
}
/*----- 管理保守オプション　タイトル -----*/
table.plantable tr.kanrititle td.opt {
	color: #d00000;
	font-size: 18px;
	font-weight: bold;
}

table.plantable tr.normaltd td {
	text-align: left;
	vertical-align: top;
}

h3.option-title {
	color: #333;
	font-size: 18px;
	font-weight: bold;
	line-height: 24px;
	border-left: 4px solid #009944;
	padding: 0 0 0 11px;
	margin: 5px 0 10px 0;
}
.planhead {
	font-size: 14px;
	color: #666;
}

/* =========================================================
 * ホームページ相談室
========================================================= */
.inside-article-consulting {
	border: 1px solid #009944;
	padding: 15px;
	border-radius: 5px;
}
.answer {
	margin-top: 30px;
	border: 1px solid #C69B02 !important;
}
.inside-article-consulting h1.entry-title,
.inside-article-consulting h2.entry-title {
	border: none;
	padding: 0;
	line-height: 1.6em;
}

.faq-q {
	background: #009944;
	color: #fff;
	padding: 5px 10px;
	border-radius: 5px;
}
.faq-a {
	background: #C69B02;
	color: #fff;
	padding: 5px 10px;
	border-radius: 5px;
}

footer .answer-cta {
	font-size: 35px;
	line-height: 35px;
	margin-bottom: 10px;
}
footer .answer-txt {
	color: #009944 ;
	font-size: 16px;
	font-weight: bold;
}

/* =========================================================
 * 制作実績
========================================================= */
/* 一覧ページ */
.right-sidebar.separate-containers .site-main-works {
	margin-top: 40px;
	margin-right: 0;
}
.site-main-works .page-header {
	padding: 0;
}
.type-works .inside-article-works {
	padding: 0;
}
.works-menu-title, 
h1.works-header-title {
	margin: 0 0 15px 0;
	padding: 0 0 0 10px;
	font-weight: normal;
	border-left: 5px solid #009944;
}
.works-menu-title {
	font-size: 26px;
	line-height: 26px;
}
.works-menu-title span, 
h1.works-header-title span {
	font-size: 15px;
}
h2.works-list-title {
	font-weight: normal;
	margin: 50px 0 0 10px;
}

.inside-article-works footer {
	display: none;
}

.works-url {
	text-align: center;
	font-size: 0.85em;
	line-height: 2em;
	background: #009944;
	margin: 10px 0 5px 0;
}
.works-url a {
	color: #ffffff;
}
.works-meta {
	font-size: 0.85em;
	line-height: 2.5em;
	text-align: left;
}
.works-cst {
	border-bottom: 1px dotted #ccc;
}

img.img50 {
	width: 50px;
}
img.img100 {
	width: 100px;
}
img.img150 {
	width: 150px;
}
.smartphone {
	position: relative;
	top: -60px;
	left: 65px;
}
.tablet {
	position: relative;
	top: -60px;
	left: -65px;
}

.works-title {
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 10px;
}
.category-works {
	padding-bottom: 10px;
	margin-bottom: 30px;
	border-bottom: 1px dotted #aaa;
}
.works-date {
	text-align: center;
	font-size: 13px;
	line-height: 23px;
	color: #ffffff;
	background: #009944;
}

/* 詳細ページ：新規追加 */
.works-txt {
	border: 1px solid #ddd;
	background: #fafafa;
	padding: 20px 20px 0 20px;
	margin: 20px 0 0 0;
	border-radius: 5px;
}
.works-tax-meta {
	margin: 0;
}
.works-tax-meta i {
	color: #222222;
}

/* 制作事例のターム一覧 */
.taxtag-title {
	font-weight: bold;
	line-height: 2em;
	border-bottom: 1px dotted #ccc;
}
.taxonomy-description {
/*
	font-size: 90%;
	border: 1px solid #ddd;
	background: #fafafa;
	padding: 15px;
*/
}
.works-menu-title {
	font-weight: normal;
	margin: 0 0 15px 0;
}
.works-menu {
	border: 1px solid #009944;
	padding: 20px 10px 10px 10px;
	margin: 0 0 20px 0;
	overflow: hidden;
	border-radius: 5px;
}
.works-menu ul {
	list-style: none outside none;
	float: left;
	margin: 0 0 0 0;
	padding: 0;
	font-size: 14px;
}
.works-menu ul li {
	float: left;
	margin-right: 5px;
	margin-bottom: 8px;
	padding: 2px 10px;
	
	color: #fff;
	background: #999;
	border-radius: 3px;
}
.works-menu ul li:hover {
	background: #009944;
	color: #fff;
}
.works-menu ul li a, 
.works-menu ul li a:hover,
.works-menu ul li a:visited {
	color: #fff;
}

/* =========================================================
* 簡易見積りフォーム（JazzyForms）
========================================================= */
.jzzf_form .jzzf_form_elements {
	max-width: 100%;
	width: auto;
}
.jzzf_form .jzzf_full {
	max-width: 100%;
	width: auto;
}
.jzzf_form .jzzf_element {
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
}
.jzzf_form .jzzf_row {
	border-bottom: 1px dotted #ccc;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.jzzf_form .left {
	float: left;
	width: 65% !important;
}
.jzzf_form .price,
.jzzf_form .price_sum {
	float: right !important;
	width: 30% !important;
}
.jzzf_form .price input,
.jzzf_form .price_sum input {
	font-family: "Roboto", "Droid Sans", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", sans-serif;
	border: 1px solid #ddd;
	color: #008CBA;
	text-align: right;
	font-size: 120%;
	padding: 5px !important;
}
.jzzf_form .price1 input,
.jzzf_form .price2 input {
	font-family: "Roboto", "Droid Sans", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", sans-serif;
	border: 1px solid #ddd;
	color: #008CBA;
	text-align: center;
	font-size: 200%;
	padding: 10px !important;
}
.jzzf_form .price1 label,
.jzzf_form .price2 label {
	font-family: "Roboto", "Droid Sans", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", sans-serif;
	
}

/* =========================================================
 * お客様の声
========================================================= */
h3.review-title0,
h3.review-title {
	font-size: 20px;
	margin: 50px 0 20px 0;
	padding: 0 0 0 10px;
	border-left: 5px solid #009944;
}
h3.review-title0 {
	margin: 0 0 20px 0;
}
p.read-more-container {
	margin: 0 auto !important;
}
.read-more-container a {
	width: 100%;
	padding: 8px 0;
	color: #111;
	background: #ccc;
	border: 1px solid #ccc;
	text-align:center;
	display:block;
}
.read-more-container a:hover {
	color: #fff;
	background:#009944;
	border: 1px solid #009944;
}
.read-more-container a:hover i {
	color: #fff;
}

.balloon-body {
	position: relative;
	background-color: #fff;
	margin-left: 70px;
	margin-bottom: 30px;
	padding: 10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.balloon-face {
	width: 50px;
	height: 50px;
	position: absolute; top: 0px; left: -70px;
}
.balloon-triangle-border {
	position: absolute; top: 13px; left: -12px;
	width: 0; height: 0;
	border-left: 12px solid transparent;
}
.balloon-triangle {
	position: absolute; top: 14px; left: -10px;
	width: 0; height: 0;
	border-left: 10px solid transparent;
	border-top: 10px solid #fff;
}
.balloon-body p {
	margin: 0;
}

.balloon-noguchi {
	border: 1px solid #bbb;
}
.balloon-noguchi .balloon-face {
	background: url(//www.fukushima-web.com/img/face-noguchi.png);
}
.balloon-noguchi .balloon-triangle-border {
	border-top: 12px solid #bbb;
}
/* お客様 */
.balloon-cst {
	border: 1px solid #009944;
}
.balloon-cst .balloon-triangle-border {
	border-top: 12px solid #009944;
}
/* 顔無し様 */
.balloon-cst .balloon-face {
	background: url(//www.fukushima-web.com/img/face-none.png);
}
/* わたなべ経営人事サポートオフィス様 */
.balloon-wkj .balloon-face {
	background: url(//www.fukushima-web.com/img/face-wkj.png);
}
/* 北日本ボーリング様 */
.balloon-kboring .balloon-face {
	background: url(//www.fukushima-web.com/img/face-kboring.png);
}
/* cleaf行政書士様 */
.balloon-cleaf .balloon-face {
	background: url(//www.fukushima-web.com/img/face-cleaf.png);
}
/* ちひろ様 */
.balloon-chihiro .balloon-face {
	background: url(//www.fukushima-web.com/img/face-chihiro.png);
}
/* カネダイ様 */
.balloon-kanedai .balloon-face {
	background: url(//www.fukushima-web.com/img/face-kanedai.png);
}
/* 佐藤レスキュー様 */
.balloon-satorescue .balloon-face {
	background: url(//www.fukushima-web.com/img/face-satorescue.png);
}


/* =========================================================
* WP-PAGENAVI
========================================================= */
/* 
 * generatepressのページャーを非表示
 * https://generatepress.com/forums/topic/blog-paging-pagenavi-styles/
 */
.page-numbers {
	display: none;
}

.navigation {

}
.wp-pagenavi {
	float: left;
}
.wp-pagenavi a, .wp-pagenavi span {
	border: none;
	text-decoration: none;
	padding: 5px 8px;
	margin: 2px;
	font-size: 15px;
	line-height: 15px;
	float: left;
}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active, .wp-pagenavi a:focus {
	color: #009944;
	border: 1px solid #fff;
	background:none;
}
.wp-pagenavi span.current {
	font-weight: bold;
	color: #fff;
	background: #009944;
	border: 1px solid #fff;
	padding: 5px 8px;
}
.wp-pagenavi a:hover {
	color: #ffffff;
	background: #009944;
	border: 1px solid #fff;
	padding: 5px 8px;
}
.wp-pagenavi span.pages {
	color: #009944;
	background: none;
	padding: 5px 8px 5px 0;
}
.wp-pagenavi span.extend {
	background:transparent;
	color: #009944;
	background: none;
}

/* =========================================================
* メディアクエリ
========================================================= */

/*==========  モバイル・ファーストの場合  ==========*/

/* カスタム, iPhone Retinaディスプレイ */ 
@media only screen and (min-width : 320px) {

}

/* XSサイズ : Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

}

/* Sサイズ、タブレット : Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Mサイズ、デスクトップ : Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Lサイズ、ワイドスクリーン : Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}


/*==========  非モバイル・ファーストの場合  ==========*/

/* Lサイズ、ワイドスクリーン : Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	.header-cta {
		width: 100%;
	}
}

/* Mサイズ、デスクトップ : Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.site-header .header-image {
		height: 40px;
	}
}

/* Sサイズ、タブレット : Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	body {
		font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Roboto", "Droid Sans", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", sans-serif;
	}
	.site-header .site-logo {
		padding: 0 15px;
	}
	.site-header .header-image {
		width: 100%;
		height: auto;
	}
	.header-cta img {
		margin-bottom: 15px;
	}
	
	.header-box {
		padding: 30px 15px;
	}
	.header-line1 {
		font-weight: bold;
		font-size: 22px;
		line-height: 22px;
		margin: 15px 0;
	}
	.header-line2 {
		font-size: 30px;
		line-height: 30px;
	}
	.main-navigation .main-nav:not(.slideout-menu) ul ul li a {
		border-top: none;
	}
	.works-menu {
		font-size: 80%;
	}
}

/* XSサイズ : Extra Small Devices, Phones */  
@media only screen and (max-width : 480px) {
}

/* カスタム, iPhone Retinaディスプレイ */ 
@media only screen and (max-width : 320px) {

}