﻿/* ---------------
共用
--------------- */

body {
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo', Verdana, sans-serif;
	font-size: 16px;
	color: #000;
	_text-align: center;
}
.acms-container {
	max-width: 1020px;
}

/* リンクの設定 */
a {
	text-decoration: none;
	color: #0044a5;
	border: none;
}
a:visited {
	color: #47198c;
}
a:active {
	text-decoration: none;
	color: #0080c6;
}
a:hover {
	-webkit-transition: .25s;
	-moz-transition: .25s;
	transition: .25s;
	text-decoration: underline;
	color: #0080c6;
}
address {
	font-style: normal;
}

/* テキストの配置 */
.text-left {
	text-align: left;
}
.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}

/* プレースホルダー */
input::-webkit-input-placeholder {
	font-size: 14px !important;
	color: #777 !important;
}
input:-moz-placeholder {
	font-size: 14px !important;
	color: #777 !important;
}

/* 画像の線を消す */
img {
	border: none;
}

/* 定義リストの調整 */
.acms-dl-horizontal {
	margin: 1em 10px;
}
.acms-dl-horizontal dt,
.acms-dl-line dt {
	padding-left: 8px;
	text-align: left;
	border-left: 5px solid #fc0;
}

/* 枠線付き画像 */
.withBorder img {
	border: 1px solid #ccc;
}

/* no image */
.noimage img {
	max-width: 100%;
	height: auto;
}

/* ---------------
レイアウト関連
--------------- */
#adminBox {
	margin-bottom: 0;
}

/* コンテンツ全体 */
#wrapper {
	width: 1020px;
	margin: 0 auto;
	padding: 0 0 0 20px;
	_text-align: center; /* for ie6 */
}
.acms-container {
	/* width: 1020px\9;
	*/
}

/* ---------------
ヘッダ
--------------- */
#headWrapper {
	padding-bottom: 18px;
	background: #fff;
}

/* ブロックスキップ #blockskip */
#blockskip.show a {
	font-size: 113%;
	font-weight: bold;
	line-height: 2em;
	height: 2em;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all  .3s ease;
	color: #000;
	background-color: #fc0;
}
#blockskip a {
	font-size: 125%;
	display: block;
	overflow: hidden;
	width: 100%;
	height: 1px;
	text-align: center;
	color: #000;
}

/* サイトタイトル #siteTitle */
#siteTitle {
	float: left;
	margin: 0;
	padding: 0 0 20px 0;
}
#siteTitle img {
	padding: 17px 0 0 0;
	vertical-align: bottom;
}
#siteName {
	font-size: 28px;
	margin: 10px 0 0 0;
}
#siteName img {
	width: 352px;
	height: auto;
}
#siteName a,
#siteName a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #333;
}
#siteName img {
	margin-right: 10px;
	vertical-align: middle;
}
#siteCaption {
	font-weight: bold;
	margin: 16px 0 0 0;
}
@media screen and (max-width:768px) {
	#siteCaption {
		font-size: 88%;
		top: 0;
		left: 110px;
		width: auto;
	}
	.siteHeader {
		position: relative;
	}
	.siteHeader .acms-btn {
		font-family: 'Shin Go Regular';
		vertical-align: middle;
		border-radius: 3px;
		background: #e4e0c7;
	}
	.siteHeader .acms-icon-sort:before {
		font-family: acms-fonts;
		line-height: 1;
		position: relative;
		top: 2px;
		display: inline-block;
		margin-right: 4px;
	}
	.siteHeader #sub nav-open-btn {
		display: inline;
	}
	#siteName img {
		max-width: 300px;
		vertical-align: middle;
	}
	#siteName,
	#siteCaption {
		padding: 0;
	}
}

/* ヘッダーナビ #headNavi */
#headNavi {
	display: block;
	float: right;
	width: 80%;
	margin: 16px 0 14px 0;
	padding: 0;
	list-style: none;
	text-align: right;
}
#headNavi li {
	display: inline;
	padding: 0 0 0 10px;
	white-space: nowrap;
	float: right;
}
#headNavi li a:link,
#headNavi li a:visited {
	font-weight: bold;
	padding: 8px 10px;
	text-align: center;
	color: #000;
	border-radius: 5px;
	background: #f09400;
	background: -moz-linear-gradient(-90deg, #ffe39e 0%, #f9d21b 89%, #f09400 100%);
	background: -webkit-linear-gradient(-90deg, #ffe39e 0%, #f9d21b 89%, #f09400 100%);
	background: linear-gradient(180deg, #ffe39e 0%, #f9d21b 89%, #f09400 100%);
	display: block;
}
#headNavi li a:hover {
	text-decoration: none;
	background: #cf9828;
}
@media screen and (max-width:768px) {
	#headWrapper .acms-col-5 {
		position: absolute;
		top: 0;
	}
	#headNavi {
		position: absolute;
		top: 9px;
		/*right: 10px;*/
        right: -200px;
		width: initial;
		margin: 0;;
	}
	#headNavi li {
		display: inline;
		width: initial;

	}
	#headNavi li a {
		display: inline;
	}
}

/* 検索フォーム #search */
#search {
	margin-right: 10px;
	text-align: right;
}
#search input[type='text'] {
	line-height: 20px;
	width: 240px;
	padding: 3px 4px 3px 30px;
	border: 1px solid #b2bec9;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #fff url(../images/csssprite.png) 6px 3px no-repeat;
	-webkit-box-shadow: inset 1px 1px 3px rgba(200, 211, 211, .3);
	-moz-box-shadow: inset 1px 1px 3px rgba(200, 211, 211, .3);
	box-shadow: inset 1px 1px 3px rgba(200, 211, 211, .3);
}
#search .btnSearch {
	font-size: 93%;
	line-height: 26px;
	margin: 0;
	padding: 0 10px 0 12px;
	text-align: center;
	letter-spacing: 3px;
	border: 1px solid #8aa6c6;
	border-radius: 6px;
	background: #e9eef3;
	background: -moz-linear-gradient(-90deg, #fff 0%, #e9eef3 100%);
	background: -webkit-linear-gradient(-90deg, #fff 0%, #e9eef3 100%);
	background: linear-gradient(180deg, #fff 0%, #e9eef3 100%);
}
@media screen and (max-width:768px) {
	#search {
		display: none;
	}
}

/* ---------------
フッタ
--------------- */
#footWrapper {
	clear: both;
	zoom: 1;
	margin: 0;
	padding: 0;
	background: #fff;
}
#footer {
	position: relative;
	padding: 0 10px;
	text-align: left;
}
#footer #socialButton {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#footer #socialButton li {
	display: inline;
	margin-right: 10px;
}
#footer #socialButton li a {
	height: 32px;
	padding-top: 8px;
}
#footer #socialButton li span {
	display: none;
}
#footer #socialButton li a.acms-icon:hover {
	text-decoration: none;
}
#footer #socialButton li a.acms-icon:before {
	font-size: 40px;
}
#footer #socialButton li.facebook a {
	color: #385590;
}
#footer #socialButton li.twitter a {
	color: #28abe1;
}
#footer #socialButton li.googlePlus a {
	color: #d74d34;
}
#footer #companyAbout {
	margin: 12px 0;
}

/* 会社情報 */
#companyAbout {
	position: inherit;
	margin: 0;
	padding: 0;
}
#companyAbout dt {
	font-size: 150%;
	font-weight: bold;
	margin: 0 0 6px;
}
#companyAbout dd {
	font-size: 88%;
	margin: 0;
}
#footer .contact a {
	background-position: 11px -240px;
}
#footer .contact a:hover {
	text-decoration: none;
}
@media screen and (max-width:768px) {
	#footer .contact {
		text-align: center;
	}
}

/* フッターのナビゲーション */
h2#footerMenu {
	font-size: 113%;
	margin: 30px 0 0;
	padding: 1px 8px;
	border-radius: 5px;
	background-color: #fad851;
	display: none\9;
}
#footWrapper {
	border-top: 2px solid #fc0;
}
#footer .footerNavi {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#footer .acms-grid-r {
	margin: 0;
	padding-top: 20px;
}
#footer .footerNavi li ul {
	margin-left: 20px;
}
#footer .footerNavi li a {
	display: block;
	padding: 2px 0;
	padding-left: 18px;
	color: #000;
	background: url(../images/csssprite.png) -200px -144px no-repeat;
}
#footer .footerNavi li li a {
	padding-left: 12px;
	background: url(../images/csssprite.png) -150px -190px no-repeat;
}
@media screen and (max-width:768px) {
	#footer #socialButton {
		display: inline-block;
		text-align: center;
	}
	#footer #socialButton li {
		display: inline;
	}
	#footer .acms-col-3 {
		float: left;
		width: 50%;
		padding: 10px 10px 10px 4px;
	}
	#footer .footerNavi li a {
		font-size: 88%;
	}
}
@media screen and (min-width:769px) {
	h2#footerMenu {
		display: none;
	}
}

/* エントリー #entryBody */
.acms-entry {
	padding: 0;
	border-radius: 5px;
	background: #fff;
}

/* エントリーの日付・カテゴリー */
.acms-entry .entryCategory {
	display: inline;
	margin: 5px 0 0 29px;
	padding: 0;
}
.entryCategory span {
	padding: 0 5px 0 0;
}
.entryCategory span a {
	font-weight: normal;
}

/* エントリータイトル */
.acms-entry .entryTitle,
.entryTitle {
	font-size: 18px;
	font-weight: bold;
	margin: 0 29px;
	padding: 0 0;
	background: none;
}
.entryTitle a,
.entryTitle a:hover {
	text-decoration: none;
}

/* カスタムフィールド部分 */
.entryCustom {
	margin: 0 0 20px 0;
	padding: 10px 29px;
	border-radius: 5px;
	background-color: #eee;
}
.entryCustom img {
	float: left;
	padding: 0 10px 0 0;
}
.entryCustom p {
	margin: 0;
	padding: 0 20px 0 0;
}

/* エントリー本文部分 */
.entryColumn {
	padding: 0 0 10px;
}

/* 続きを読むリンク */
.acms-entry .continueLink {
	margin: 0 20px 5px 0;
}
.acms-entry .continueLink a {
	font-weight: bold;
	padding: 5px 15px 5px 10px;
	color: #fff;
	background-color: #52beff;
}
.acms-entry .continueLink a:hover {
	text-decoration: none;
	background-color: #999;
}

/* エントリータグ */
.index .entryTag,
.acms-entry .entryTag {
	position: relative;
	margin: 20px 0 0 0;
	padding: 5px 20px 5px 90px;
	background-color: #eee;
}
.index .entryTag dt,
.acms-entry .entryTag dt {
	font-size: 13px;
	position: absolute;
	top: 5px;
	left: 0;
	display: block;
	zoom: 1;
	width: 70px;
	padding: 0 10px 0 0;
	text-align: right;
	color: #fff;
	background-color: #62605c;
	_top: 0;
	_left: -90px;
}
.index .entryTag dd,
.acms-entry .entryTag dd {
	display: inline;
	margin: 0;
	padding: 0 15px 0 0;
}
.index .entryTag a,
.acms-entry .entryTag a {
	padding: 2px 3px;
}

/* iframe埋め込み */
.acms-entry p iframe {
	max-width: 100%;
}

/* エントリーフッター */
.acms-entry .entryFooter {
	margin: 0;
	padding: 10px 20px 0 0;
	text-align: left;
}

/* ------ エントリー内スタイル ------ */
/* 半角英数字折り返し対応 */

.acms-entry table {
	width: 100%;
	border: 0;
}

/* タイトル枠 */
.acms-entry .titleWrapper {
	padding: 15px;
}
.acms-entry .titleWrapper .acms-entry .titleWrapper p {
	margin-bottom: 0;
}
.acms-entry p {
	line-height: 1.75;
	margin: 1.2em 10px;
}
.acms-entry a {
	text-decoration: underline;
}
.acms-entry p em {
	font-weight: bold;
	font-style: normal;
	padding: 4px;
	color: #c42a55;
}
.acms-entry p strong {
	font-weight: bold;
	padding: 0 4px;
	background-color: #ffe4f3;
}
@media screen and (max-width:767px) {
	.acms-entry p {
		line-height: 1.75;
		margin: 1.2em 10px;
	}
}

/* 添付ファイルアイコン */
.columnIcon {
	padding: 5px;
}

/* 添付ファイルのキャプション */
.caption {
	line-height: 1.4;
	margin: 2px 0 5px !important;
	padding: 0 5px;
	text-align: center;
	color: #8c6800;
}
.nocaption {
	margin-bottom: 10px;
}

/* 見出し */
.acms-entry h2,
.titleYellow {
	font-size: 150%;
	margin: 1em 10px;
	padding: 12px 8px;
	border-radius: 8px;
	background-color: #ffe98b;
}
.acms-entry h3 {
	font-size: 100%;
	overflow: hidden;
	zoom: 1;
	margin: 0 10px 10px 10px;
	padding: 3px 10px;
	border-radius: 5px;
	background: url(../images/bg_main.png) center top no-repeat;
}
.acms-entry h4 {
	font-size: 100%;
	overflow: hidden;
	zoom: 1;
	margin: 0 10px 10px 10px;
	padding: 0 10px 4px;
	border-bottom: solid 2px #fc0;
}
.acms-entry h5 {
	font-size: 16px;
	overflow: hidden;
	zoom: 1;
	margin: 0 0 10px;
	padding: 0 10px;
	border-left: solid 5px #999;
}
.acms-entry blockquote p {
	font-size: 14px;
}

/* リスト */
.acms-entry ul,
#relatedPost ul {
	overflow: hidden;
	zoom: 1;
	margin: 20px 0 15px;
	padding: 0 0 0 35px;
}
#relatedPost ul {
	padding-left: 15px;
}
.acms-entry ul img {
	vertical-align: top;
}
.acms-entry ul li,
#relatedPost ul li {
	line-height: 1.6;
	margin: 0 0 .4em;
	padding: 0 0 0 24px;
	list-style: none;
	background: #fff url(../images/csssprite.png) -140px -192px no-repeat;
}
.acms-entry ol {
	overflow: hidden;
	zoom: 1;
	margin: 20px 0 15px;
	padding: 0 0 0 35px;
	list-style-type: none;
	counter-reset: olcounter;
}
.acms-entry ol li {
	line-height: 1.2;
	margin: 0 0 .8em;
	padding: 0;
}
.acms-entry ol li:before {
	font-size: 88%;
	font-weight: bold;
	line-height: 20px;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 12px;
	content: counter(olcounter);
	counter-increment: olcounter;
	text-align: center;
	color: #000;
	border-radius: 50%;
	background-color: #fc0;
}
.acms-entry li ul {
	padding-left: 0;
}

/* ソース */
.acms-entry .acms-pre {
	font-size: 14px;
	clear: both;
	overflow: auto;
	margin: 20px 0 15px;
	padding: 10px;
	color: #666;
	background: #e7e7e7;
	_width: 600px;
}

/* 引用 */
.acms-entry blockquote {
	line-height: 1.6;
	clear: both;
	margin: 20px 0 15px 0;
	padding: 17px 20px;
	border: 0 !important;
	border-radius: 8px;
	background: #fff7e0 url(../images/csssprite.png) -50px -700px no-repeat;
}

/* テーブル */
.acms-entry table {
	margin: 20px 10px 25px;
	border-collapse: separate;
	color: #666;
	padding-right: 20px;
}
.acms-entry table caption {
	background: #e7e7e7;
}
.acms-entry table tr {
	margin: 0;
	padding: 0;
}
.acms-entry table th {
	padding: 5px 10px;
	text-align: left;
	white-space: nowrap;
	color: #333;
	background-color: #FFF8E0;
}
.acms-entry table th,
.acms-entry table td {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 12px 10px;
	word-break: break-all;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.acms-entry table tr td:first-child,
.acms-entry table tr th:first-child {
	border-left: 2px solid #ccc;
}
.acms-entry table tr td:last-child,
.acms-entry table tr th:last-child {
	border-right: 2px solid #ccc;
}
.acms-entry table tr:first-child td,
.acms-entry table tr:first-child th {
	border-top: 2px solid #ccc;
}
.acms-entry table tr:last-child td,
.acms-entry table tr:last-child th {
	border-bottom: 2px solid #ccc;
}
.acms-entry table tr:first-child td:first-child,
.acms-entry table tr:first-child th:first-child {
	border-radius: 8px 0 0 0;
}
.acms-entry table tr:first-child th:last-child,
.acms-entry table tr:first-child td:last-child {
	border-radius: 0 8px 0 0;
}
.acms-entry table tr:last-child th:first-child,
.acms-entry table tr:last-child td:first-child {
	border-radius: 0 0 0 8px;
}
.acms-entry table tr:last-child th:last-child,
.acms-entry table tr:last-child td:last-child {
	border-radius: 0 0 8px 0;
}

@media screen and (max-width:767px) {
	.acms-entry table {
		width: auto;
		padding-right: 0;
	}

	.acms-entry table.ablogcmsForm tr,.acms-entry table.vertical tr {
		display: block;
		border: none !important;
	}
	.acms-entry table.ablogcmsForm th, .acms-entry table.vertical th {
		white-space: normal;
		display: block;
		width: 100%;
		padding: 4px 10px;
		background-color: #FFEFAE;
		border-radius: 0 !important;
	}
	.acms-entry .ablogcmsForm th, .acms-entry .vertical th,
	.acms-entry .ablogcmsForm td, .acms-entry .vertical td {
		display: list-item;
		margin: 10px 0;
		padding: 4px 8px;
		list-style-type: none;
		border: none !important;
	}

	.acms-entry img {
		max-width: 100%;
		height: auto;
	}
}

/* ---------------
サブ
--------------- */
/* サブエリア共通 */

.subBorderBox {
	clear: both;
	margin: 0 0 20px;
	padding: 15px 10px 5px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	background-color: #fff;
	-webkit-box-shadow: 0 0 5px rgba(138, 166, 198, .8);
	-moz-box-shadow: 0 0 5px rgba(138, 166, 198, .8);
	box-shadow: 0 0 5px rgba(138, 166, 198, .8);
}
.sub aside .subTitleBorder {
	font-size: 113%;
	line-height: 1.3;
	margin: 0 0 10px;
	margin-bottom: 14px;
	padding-left: 6px;
	border-left: 10px solid #fc0;
}
.sub aside ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.sub aside ul li {
	margin-bottom: 10px;
}
.sub aside ul li.summaryItem {
	float: left;
}
.sub aside .photo {
	float: left;
}
.sub aside .subSummaryTitle {
	padding-left: 80px;
}
.sub aside .readNext {
	clear: both;
	margin: 0;
	text-align: right;
}
<<<<<<< HEAD
.sub aside .readNext a {
	display: inline-block;
	zoom: 1;
	padding: 4px 4px 4px 26px;
	vertical-align: bottom;
	text-decoration: underline;
	background: url(../images/csssprite.png) -197px -141px no-repeat;
}
=======
.sub aside .readNext a,
>>>>>>> 40b496f3b5d873461ffe65cf6e77e98155eb9ad9
a.withIcon {
	display: inline-block;
	zoom: 1;
	padding: 4px 4px 4px 26px;
	vertical-align: bottom;
	text-decoration: underline;
<<<<<<< HEAD
	background: url(../images/csssprite.png) -198px -139px no-repeat;
=======
	background: url(../images/csssprite.png) -192px -142px no-repeat;
>>>>>>> 40b496f3b5d873461ffe65cf6e77e98155eb9ad9
}
.js-nav .subBorderBox h2,
.js-nav #linkList li {
	color: #fff;
}
@media screen and (max-width:767px) {
	.sub aside ul li {
		clear: both;
		margin-bottom: 20px;
	}
	.sub aside .subSummaryTitle {
		color: #fff;
	}
}
@media screen and (max-width:480px) {
	.sub aside .subSummaryTitle {
		color: #fff;
	}
}

/* Jimdoバナー #bannerJimdo */
#bannerJimdo li {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0 5px 10px;
}
#bannerJimdo li img {
	max-width: 100%;
	height: auto;
}
/* エントリーリスト #entryList */
#entryList {
	margin: 0 0 30px 0;
	padding: 0 0 2px;
	list-style: none;
	border-top: solid 1px #ccc; /* そのページを表示しているとき */
}
#entryList h2.subTitleEntryList {
	font-size: 113%;
	margin: 0 0 10px;
	padding: 3px 4px 6px 40px;
	border-radius: 10px 10px 0 0;
	background: #FFDE65 url(../images/csssprite.png) 6px -42px no-repeat;
}
#entryList ul {
	margin: 4px 8px;
}
#entryList ul li {
	line-height: 1.5;
	zoom: 1;
	margin-bottom: 0;
	vertical-align: bottom;
}
#entryList ul li:last-child a {
	border-bottom: 0;
}
#entryList .stay {
	background-color: #eee;
}
#entryList a {
	display: block;
	zoom: 1;
	padding: 8px 10px;
	vertical-align: bottom;
	border-bottom: solid 1px #ccc;
}
#entryList a:hover {
	text-decoration: underline;
	color: #000;
	background-color: #def8c9;
}
@media screen and (max-width:768px) {
	#entryList {
		border-top: #000;
	}
	#entryList h2.subTitleEntryList {
		padding-left: 10px;
		color: #000;
		border-radius: 0;
		background-image: none;
	}
}

/* カテゴリーリスト .categoryList */
.categoryListBox {
	margin: 0 0 20px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 9px;
	background-color: #fff;
	-webkit-box-shadow: 0 0 5px rgba(138, 166, 198, .8);
	-moz-box-shadow: 0 0 5px rgba(138, 166, 198, .8);
	box-shadow: 0 0 5px rgba(138, 166, 198, .8);
}

.categoryList {
	margin: 0;
	padding: 2px 4px;
	list-style: none;
}
.categoryList ul {
	display: none;
}
.categoryList li {
	zoom: 1;
	vertical-align: bottom;
	border-bottom: 2px dotted #c4d2e0;
}
.categoryList li a {
	background: #FFF url(../images/csssprite.png) -294px -34px no-repeat;
	display: block;
	padding: 15px 5px 15px 28px;
	color: #000;
}
.categoryList li.stay {
	background-color: #fff9e0;
}
.categoryList li.stay a:hover,
.categoryList li a:hover {
	text-decoration: none;
	background-color: #d8f5fe;
}
.categoryList li:last-child {
	border: 0;
}
.categoryList.totop li {
	border-bottom: 2px dotted #c4d2e0;
}
.categoryList li li {
	border-bottom: 0;
	background: transparent;
}
.categoryList li.stay ul {
	display: block;
}
.categoryList li.stay > a {
	background: url(../images/csssprite.png) -244px -83px no-repeat;
}
.categoryList a {
	font-weight: bold;
	display: block;
	zoom: 1;
	padding: 8px 10px;
	vertical-align: bottom;
	color: #333;
}
.categoryList li li a,
.categoryList li.stay li a {
	font-weight: normal;
	display: block;
	zoom: 1;
	padding: 8px 0 8px 35px;
	vertical-align: bottom;
	text-decoration: underline;
	color: #013ea5;
	border-bottom: 0;
	background: url(../images/csssprite.png) -130px -184px no-repeat;
}
.categoryList ul li ul li a {
	padding: 3px 10px 3px 40px;
}

@media screen and (max-width:768px) {
	nav#naviCategoryList {
		border-radius: 0;
	}
	.categoryList {
		border-radius: 0;
	}
	.categoryList li.stay {
		background-color: transparent;
	}
	.categoryList li li a,
	.categoryList li.stay li a {
		color: #000;
	}

}

/* 本を書きました */
#summaryBook ul li {
	padding: 0 5px;
}
@media screen and (max-width:768px) {
	#summaryBook ul li {
		clear: inherit;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 50%;
		padding: 0 5px;
		text-align: center;
	}
	#summaryBook ul li img {
		position: static !important;
	}
	#headWrapper #siteName,
	#headWrapper #siteCaption {
		margin: 10px 10px 15px;
	}
}

/* バナー #banner */
#banner {
	margin: 0 0 20px 0;
	padding: 0;
	list-style: none;
}
#banner li {
	zoom: 1;
	margin: 0 0 10px;
}

/* ---------------
フッター
--------------- */
/* ページの先頭へリンク #pageTop */

#pageTop {
	position: fixed;
	z-index: 1000;
	right: 20px;
	bottom: 20px;
	margin-bottom: 0;
}
#pageTop a {
	font-size: 88%;
	position: relative;
	display: block;
	width: 100px;
	height: 45px;
	padding-top: 55px;
	text-align: center;
	color: #000;
	border-radius: 50%;
	background: #fc0;
	background: #fc0 url(../images/csssprite.png) 25px -850px no-repeat;
	box-shadow: 1px 1px 3px rgba(255, 255, 255, .2);
}
@media screen and (min-width:769px) {
	#pageTop a:hover {
		text-decoration: none;
		background-color: #caf691;
	}
}

/* 関連サイトへのバナー #bannerRelated */
#bannerRelated {
	margin-top: 20px;
	padding: 20px 0;
	background: #fffae0;
}
#bannerRelated ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#bannerRelated ul li {
	display: inline-block;
	float: left;
	width: 160px;
	margin: 10px;
	text-align: center;
}
#bannerRelated ul li img {
	width: auto;
	max-height: 160px;
}
@media screen and (max-width:767px) {
	#bannerRelated ul li {
		width: 46%;
		margin: 0;
		padding: 2%;
	}
	#bannerRelated ul li img {
		height: auto;
		max-width: 100%;
	}
}

/* コピーライト #copyright */
#copyright {
	display: block;
	clear: both;
	margin: 0;
	padding: 4px 20px;
	text-align: center;
	color: #000;
	background: #fc0;
}
#copyright img {
	vertical-align: middle;
}

/* ---------------
メールフォーム
--------------- */
.contactBox {padding: 20px 0;}

.contactH2 {
	font-size: 100%;
	margin: 0;
	padding: 3px 10px 5px;
	color: #333;
}

/* フォームテーブル */
.ablogcmsForm {
	margin: 0 10px 20px;
	border-collapse: collapse;
	border: none;
	border-top: 1px solid #ccc;
}
.ablogcmsForm th {
	width: 180px;
	margin: 0;
	padding: 8px;
	text-align: left;
	vertical-align: top;
	white-space: nowrap;
	color: #333;
	border: none;
	border-bottom: 1px solid #ccc;
	background-color: #fff8e0;
}
.acms-entry .ablogcmsForm td {
	margin: 0;
	border: none;
	border-bottom: 1px solid #ccc;
	_text-align: left;
}
.ablogcmsForm input[type='text'],
.ablogcmsForm input[type='tel'],
.ablogcmsForm input[type='email'],
.ablogcmsForm input[type='url'],
.ablogcmsForm textarea,
.ablogcmsForm select {
	font-size: 100%;
	padding: 6px;
	border: 1px solid #a5c3e2;
	border-radius: 5px;
}
.ablogcmsForm select {
	padding: 6px;
}
.ablogcmsForm label.acms-form-checkbox {
	margin-bottom: 4px;
}
.ablogcmsForm .acms-form-width-medium {
	width: 100%;
}
.required {
	font-size: 88%;
	font-weight: normal;
	margin: 0 10px;
	padding: 1px 3px;
	vertical-align: middle;
	color: #fff;
	background-color: #cc386e;
}
p.acms-text-error {
	font-weight: bold;
	margin: 10px 0;
	color: #da4574;
	background-color: #ffe9f5;
}
.formBtnBox {
	text-align: center;
}
.formBtnBox form {
	display: inline;
}
@media screen and (max-width:768px) {
	.ablogcmsForm label.acms-form-checkbox {
		margin: 10px 0;
	}
}

/* ステップ */
.mailStep {
	padding: 0;
}
#mailStep {
	font-size: 18px;
	display: block;
	margin: 0 10px;
	padding: 0;
	list-style: none;
}
#mailStep li {
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 31%;
	margin: 0 1%;
	padding: 12px;
	list-style-type: none;
	color: #000;
	background: #e7edf3 url(../images/bg_mailstep.png) right center no-repeat;
}
#mailStep li:before {
	content: none;
}
#mailStep .current {
	font-weight: bold;
	color: #333;
	background-color: #fc0;
}
@media screen and (max-width:767px) {
	.ablogcmsForm {
	}
	.ablogcmsForm input[type='text'],
	.ablogcmsForm input[type='tel'],
	.ablogcmsForm input[type='email'],
	.ablogcmsForm textarea {
		width: 100% !important;
		padding: 12px 8px;
	}
	.ablogcmsForm select {
		padding: 12px 8px;
	}
	#mailStep li {
		display: none;
	}
	#mailStep .current {
		display: block;
		width: 100%;
	}
}

/* ---------------
管理用スタイル
--------------- */
.comPost {
	margin: 0 0 10px 0 !important;
}
.formEntryAction {
	margin: 20px 0 !important;
}
.js-edit_inplace.align_hidden::before {
	margin-right: 20px;
}
.editLink {
	font-size: 12px;
	font-weight: normal;
}
#sub nav-open-btn,
.siteHeader {
	display: none;
}

/* ---------------
ユニットグリッド
--------------- */
/* エントリー内要素box-sizing対処法 */

.entry-container {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 10px;
	padding-left: 10px;
}
.acms-table-responsive {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 10px;
	padding-left: 10px;
}

/* グリッドシステム内のYoutubeの幅 */
.acms-entry [class*='acms-col-'] .column-youtube-auto {
	width: auto !important;
}

/* ---------------
グリッドシステム
--------------- */
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
	.acms-navbar a:link,
	.acms-navbar a:visited,
	.acms-navbar a:hover,
	.acms-navbar a:active,
	.acms-navbar #viewing {
		padding: 0 20px;
	}
	#siteName {
		font-size: 20px;
	}
	#siteName img {
		max-width: 300px;
	}
	#headTelNo span {
		font-size: 18px;
	}
	#headWrapper .acms-col-8,
	#headWrapper .acms-col-4 {
		float: left;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		min-height: 1px;
		padding-right: 10px;
		padding-left: 10px;
	}
	#headWrapper .acms-col-8 {
		width: 66.6667%;
	}
	#headWrapper .acms-col-4 {
		width: 33.3333%;
	}
}
@media screen and (max-width:768px) {
	/* リンクの設定 */
	
	
	/* メインカラム */
	.acms-col-9.main {
		left: 0;
		float: none;
		width: auto;
		margin: 0 auto;
	}
	
	/* サブ */
	.acms-col-3.sub {
		right: inherit;
		float: none;
		width: auto;
		max-width: 720px;
		margin-top: 30px;
	}
	.acms-col-3.sub .subModuleBox {
		float: left;
		width: 213px;
		margin: 0 10px;
	}
	.acms-col-3.sub .subModuleBox .photo {
		height: auto !important;
	}
	.acms-col-3.sub .subModuleBox img {
		top: inherit !important;
		left: inherit !important;
		width: 170px !important;
		height: auto;
	}
	.categoryListBox {
		border-radius: 9px;
	}
	
	/* Jimdoバナー #bannerJimdo */
	#bannerJimdo {
		margin: 0 0 20px;
		padding: 0 10px;
	}
	#bannerJimdo li {
		float: left;
		clear: inherit;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 50%;
		text-align: center;
	}
	#bannerJimdo li img {
		max-width: 100%;
		height: auto;
	}
	
	/* ヘッダー */
	#headWrapper #siteName,
	#headWrapper #siteCaption {
		margin: 10px 10px 15px;
	}
	
	/* フッター */
	#companyAbout {
		padding: 0;
	}
	.subBorderBox {
		background: transparent;
	}
	#mailStep {
		margin: 0 0 0 20px;
	}
}
@media screen and (max-width:767px) {
	#categoryH1 {
		font-size: 16px;
		margin: 0 0 15px;
		padding: 15px 10px;
		border-radius: 0;
	}
	.bx-viewport,
	.bx-wrapper img {
		height: auto !important;
	}
	#mainContentsBox {
		padding: 10px;
	}
	.acms-entry .entryCategory {
		margin: 5px 0 0 10px;
	}
	.entryTitle,
	.acms-entry .entryTitle {
		font-size: 20px;
		margin: 0 10px;
		padding: 0;
	}
	.contactBox p {
		margin: 0 0 16px;
	}

	.acms-entry .contactH2 {
		font-size: 138%;
		margin: 1em 0;
	}
	
	/* ステップ */
	#mailStep {
		border-radius: 0;
	}
	#mailStep li {
		margin: 0 0 10px 0;
	}
	.column-image-auto {
		width: auto !important;
	}
	.acms-table-responsive {
		overflow-x: scroll;
		overflow-y: scroll;
	}
	.acms-grid,
	.acms-grid-r {
		margin-right: 0;
		margin-left: 0;
	}
	.acms-grid-r .acms-push-1,
	.acms-grid-r .acms-push-2,
	.acms-grid-r .acms-push-3,
	.acms-grid-r .acms-push-4,
	.acms-grid-r .acms-push-5,
	.acms-grid-r .acms-push-6,
	.acms-grid-r .acms-push-7,
	.acms-grid-r .acms-push-8,
	.acms-grid-r .acms-push-9,
	.acms-grid-r .acms-push-10,
	.acms-grid-r .acms-push-11 {
		left: inherit;
	}
	.acms-grid-r .acms-pull-1,
	.acms-grid-r .acms-pull-2,
	.acms-grid-r .acms-pull-3,
	.acms-grid-r .acms-pull-4,
	.acms-grid-r .acms-pull-5,
	.acms-grid-r .acms-pull-6,
	.acms-grid-r .acms-pull-7,
	.acms-grid-r .acms-pull-8,
	.acms-grid-r .acms-pull-9,
	.acms-grid-r .acms-pull-10,
	.acms-grid-r .acms-pull-11 {
		right: inherit;
	}
	.acms-grid-r [class*='acms-col'] {
		padding-right: 0;
	}
	
	/* ナビゲーション */
	.acms-show-sp .acms-sidebar {
		display: block;
	}
	
	/* ヘッダー */
	#headWrapper {
		padding-top: 10px;
		padding-bottom: 4px;
	}
	#headWrapper .acms-col-8 {
		margin-bottom: 0;
	}
	.nav-btn {
		position: absolute;
		top: 0;
		padding: 9px 10px 11px 10px;
	}
	#search {
		position: inherit;
		top: inherit;
		right: inherit;
		text-align: right;
	}
	#adminBox,
	.mainModuleBox {
		margin-right: 0;
	}
	
	/* フッター */
	#footer {
		padding: 0 10px;
	}
	#footer .acms-col-6 {
		margin-bottom: 0;
	}
	#copyright p {
		font-size: 11px;
		width: auto;
	}
	
	/* メイン */
	.acms-container {
		width: auto;
		padding-right: 0;
		padding-left: 0;
	}
	.main {
		padding-left: 0;
	}
	
	/* サブ */
	#sub nav-open-btn,
	.siteHeader {
		display: block;
	}
	.subBorderBox {
		background: transparent;
		box-shadow: none;
	}
	.js-nav .subBorderBox h2,
	.js-nav #linkList li {
	}
	.sub a {
		color: #fff;
	}
	
	/* モジュール */
	#headline,
	#summaryDefault {
		margin: 0;
		border-radius: 0;
	}
	#headline .title {
		display: block;
	}
	.acms-container .bx-wrapper .bx-viewport {
		border: none;
	}
	.summaryDefault .summaryDefaultEntry {
		float: none;
		width: auto;
	}
	.summaryDefault .summaryDefaultEntry .summaryTitle {
		margin-top: 0;
	}
	.acms-entry,
	#topicPath,
	#categoryH1,
	.acms-grid-r .acms-revison-admin,
	.acms-entry p,
	.acms-entry table,
	.acms-entry h3 {
	}
	.acms-entry table {
	}
	.acms-entry p {
		margin: 1.2em 0;
	}
	.main .mapWrapper {
		padding: 10px;
	}
	.acms-entry.ablogcmsForm {
		width: auto;
		border: none;
	}
	.ablogcmsForm td {
		padding: 10px 0 15px;
	}
	.siteHeaderWrapper {
		z-index: 500;
		width: 100%;
		height: 40px;
		padding: 0 10px;
		background-color: #fff;
	}
	.acms-sidebar ul {
		padding-left: 0;
		list-style: none;
	}
	.acms-sidebar ul ul {
		display: none;
	}
	.acms-sidebar li {
		border-bottom: solid 1px #666;
	}
	.acms-sidebar a {
		display: block;
		padding: 10px 15px;
		color: #fff;
	}
	.acms-sidebar li.stay,
	.acms-sidebar a:hover {
		text-decoration: none;
		background-color: #555;
	}
	#sub nav a {
		color: #fff;
	}
	#sub nav .subTitle {
		font-size: 11px;
		padding: 5px 10px;
		color: #fff;
		background-color: #444;
	}
	.subModuleBox {
		padding: 10px;
	}
	.subModuleBox h2 {
	}
	.subModuleBox .photo {
		width: auto !important;
		height: auto !important;
	}
	.subModuleBox .photo img {
		top: inherit !important;
		left: inherit !important;
	}
	.subModuleBox p {
		margin-top: 0;
	}
	.subModuleBox img {
		width: 100% !important;
		height: auto !important;
	}
	.entryListBox {
		margin: 0;
		padding: 0;
	}
	.entryListBox #entryList {
		border: none;
	}
	.entryListBox #entryList h2 {
		background-color: #ffde65;
	}
	.entryListBox #entryList a {
		border-top: none;
		border-bottom: 1px solid #666;
	}
	.entryListBox #entryList a:hover {
		text-decoration: none;
		background-color: #555;
	}
	.categoryListBox {
		padding: 0;
	}
	.categoryList li {
		margin-bottom: 0;
		border: none;
		border-bottom: 2px dotted #c4d2e0;
		border-radius: 0;
		background-color: transparent;
	}
	.categoryList li.stay {
		background-color: transparent;
	}
	.categoryList li a {
		color: #000;
	}
	.categoryList li a:hover {
		border-radius: 0;
	}
	.acms-btn-action-group th,
	.acms-btn-action-group td {
		display: block;
		width: 100%;
	}
	.acms-form .ablogcmsForm input.acms-form-width-medium,
	.acms-form .ablogcmsForm .acms-form-width-medium {
		width: 100%;
	}
	.entryColumn {
		padding: 0 0 20px 0;
	}
	.entryCategory {
		margin-left: 10px;
	}
	.acms-col-3.sub .subModuleBox {
		float: none;
		width: auto;
		margin: 0;
	}
}
@media screen and (max-width:480px) {
	.categoryListBox {
		border-radius: 0;
	}
	.column-image-left {
		float: none;
	}
}

/* ---------------
メイン共通
--------------- */
#contentArea {
	padding: 20px;
	background: url(../images/bg_main.png) repeat-x top center;
}
#mainContentsBox {
	margin-bottom: 30px;
	padding: 10px 20px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color: #fff;
	-webkit-box-shadow: 0 0 5px rgba(138, 166, 198, .8);
	-moz-box-shadow: 0 0 5px rgba(138, 166, 198, .8);
	box-shadow: 0 0 5px rgba(138, 166, 198, .8);
}
@media screen and (max-width:767px) {
	#contentArea {
		padding: 20px 10px;
	}
	#mainContentsBox {
		padding: 10px;
	}
}

/* トピックパス #topicPath */
#topicPath {
	margin: 0;
	padding: 5px 12px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background: #e7edf3;
}
#topicPath li a,
#topicPath li:before {
	text-decoration: underline;
	color: #0437a5;
}
#topicPath li {
	display: inline;
}

/* ---------------
トップページ
--------------- */
/* メインイメージ #topImage */
#topImage {
	position: relative;
	min-height: 246px;
	margin-bottom: 0;
	text-align: left;
}
#mainCopy {
	position: relative;
	z-index: 100;
	margin: 20px 0;
}
#mainCopy img {
	width: 50%;
	height: auto;
}
#mainIllust {
	position: absolute;
	top: -54px;
	right: 0;
	margin: 0;
	text-align: center;
}
#mainIllust img {
	width: 100%;
}
.story.button {
	float: right;
	margin: 10px 0 20px;
}

/* Webへの入口って？ */
#entrance {
	line-height: 1.4;
	display: inline-block;
	margin: 0 0 0 30px;
	text-align: center;
	border: 4px solid #fff;
	border-radius: 35px;
	background: #fd7b08;
	-webkit-box-shadow: 5px 5px 4px rgba(0, 0, 0, .2);
	box-shadow: 5px 5px 4px rgba(0, 0, 0, .2);
}
#entrance:hover {
	-webkit-transition: .4s;
	-moz-transition: .4s;
	transition: .4s;
	background: #73ce00;
}
#entrance a {
	font-size: 125%;
	font-weight: bold;
	display: block;
	display: inline-block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 298px;
	padding: 13px 0 11px 38px;
	text-decoration: none;
	color: #fff;
	background: url(../images/csssprite.png) 22px -338px no-repeat;
	text-shadow: 1px 1px 2px #666;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, .3);
}
h2#aboutFc0 {
	font-size: 119%;
	font-weight: bold;
	line-height: 1.5;
}
#problemList {
	margin: 0;
	padding: 0;
	text-align: center;
}
#problemList li {
	font-size: 88%;
	font-weight: bold;
	line-height: 1.3;
	display: inline-block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 140px;
	height: 140px;
	margin: 0 2px 10px;
	padding: 73px 22px 0;
	list-style-type: none;
	text-align: center;
	vertical-align: top;
	letter-spacing: -1px;
	border-radius: 50%;
	background: url(../images/icon_problemList.png) no-repeat;
}
#problemList li.problem1 {
	background-color: #c4e59b;
	background-position: 39px 19px;
}
#problemList li.problem2 {
	background-color: #b1eced;
	background-position: -164px 19px;
}
#problemList li.problem3 {
	background-color: #c3daf4;
	background-position: -374px 12px;
}
#problemList li.problem4 {
	background-color: #d9cce1;
	background-position: -557px 19px;
}
#problemList li.problem5 {
	background-color: #fec6c9;
	background-position: -752px 16px;
}
@media screen and (max-width:980px) {
	#mainCopy {
		max-width: 100%;
	}
	#mainIllust {
		top: -30px;
		width: 50%;
		height: auto;
	}
	#entrance {
		margin: 0;
	}
	#problemList li {
		width: 132px;
		height: 132px;
	}
}
@media (max-width:767px) {
	#problemList li {
		width: 140px;
		height: 140px;
	}
}
@media (max-width:480px) {
	#topImage {
		text-align: center;
	}
	#mainIllust {
		position: relative;
		top: 0;
		width: 60%;
		margin: 0 auto;
		text-align: center;
	}
	.story.button {
		float: none;
	}
	#mainCopy {
		margin: 0;
	}
	#mainCopy img {
		width: 100%;
	}
	#entrance {
		margin: 10px auto 20px;
	}
	#entrance a {
		max-width: 280px;
	}
}


/* Likebox */
.fb_iframe_widget,
.fb_iframe_widget[style],
.fb_iframe_widget iframe[style],
.fb_iframe_widget span {
	display: block;
	width: 100% !important;
	margin: 10px 0;
}
@media screen and (max-width:767px) {
	.fb_iframe_widget,
	.fb_iframe_widget[style],
	.fb_iframe_widget iframe[style],
	.fb_iframe_widget span {
		margin: 0;
	}
}

/* スライダー bxslider（今回未使用） */
.bx-wrapper .bx-viewport {
	left: 0 !important;
	width: auto !important;
	max-width: 935px;
	border-radius: 5px;
}
.bx-wrapper .bx-prev {
	left: 20px !important;
}
.bx-wrapper .bx-next {
	right: 20px !important;
}

/* 最近の活動 */
#summaryActivity {
	clear: both;
}
#summaryActivity .columnInner {
	padding: 14px 18px 10px;
	border-radius: 7px;
	background-color: #fff3bb;
}
#summaryActivity .eachEntry {
	margin-bottom: 12px;
}
#summaryActivity .eachEntry .photo {
	position: relative;
	overflow: hidden;
	max-width: 100%;
	height: auto;
	margin-bottom: 7px;
	border: 4px solid #fff;
}
#summaryActivity .eachEntry .activityTitle {
	font-size: 100%;
	line-height: 1.4;
	margin: 0 0 4px;
}


#summaryActivity .eachEntry .activityDate {
	font-size: 88%;
	margin: 0;
}
#summaryActivity .eachEntry .bl-hover .columnInner {
	background-color: #d3f3f3;
}
@media screen and (max-width:768px) {
	#summaryActivity .eachEntry {
		clear: both;
	}
	#summaryActivity .acms-col-4 {
		float:none;
        width:100%;
	}
	#summaryActivity .eachEntry .photo {
		float: left;
		margin-right: 14px;
	}
}
@media screen and (max-width:480px) {
	#summaryActivity .eachEntry .photo {
		float: none;
		margin: 0 auto 6px;
	}
	#summaryActivity .eachEntry .activityCategory,
	#summaryActivity .eachEntry .activityTitle {
		display: inline;
		vertical-align: middle;
	}
}

/* #fc0ノート #headlineNote */
#headlineNote {
	clear: both;
	margin-bottom: 30px;
}
#headlineNote ul {
	padding: 0;
	list-style: none;
}
#headlineNote li {
	zoom: 1; /* 現在いるとき */
	vertical-align: bottom;
	border-bottom: 1px solid #c4d2e0;
}
#headlineNote li a {
	display: block;
	display: block;
	zoom: 1;
	padding: 10px 10px 10px 26px;
	vertical-align: bottom;
	background: #fff url(../images/csssprite.png) -194px -136px no-repeat;
}
#headlineNote a:hover {
	text-decoration: none;
	background-color: #f0f0f0;
}

/* Web制作者・担当者向けおすすめイベント #bannerEvent */
#bannerEvent {
	clear: both;
	margin-bottom: 10px;
}
#bannerEvent ul {
	padding: 0;
	list-style-type: none;
}
#bannerEvent ul li {
	margin-bottom: 12px;
}
#bannerEvent ul li img {
	width: 100%;
	height: auto;
}
@media screen and (max-width:768px) {
	#bannerEvent ul li {
		float: left;
		width: 50%;
		height: auto;
		max-height: initial;
		margin-bottom: 10px;
		padding: 5px;
	}
}

/* ---------------
一覧ページ
--------------- */
/* 記事の一覧 .summaryDefault */
.summaryDefault .noimage img {
	max-width: 100%;
	height: auto;
}
.summaryDefault .summaryDefaultEntry {
	margin: 0 2px 22px 0;
	background: #fff;
}
.summaryDefault .summaryDefaultEntry div {
	float: left;
	margin: 0 10px 10px;
	text-align: center;
	color: #fff;
}
.summaryDefault .summaryDefaultEntry p {
	line-height: 1.5;
	margin: 5px 0 0;
	padding-right: 10px;
	word-break: break-all;
}
.summaryDefault .summaryDefaultEntry p.description {
	padding-left: 140px;
}
.summaryDefault .summaryDefaultEntry span.readNext {
	display: block;
	padding: 13px 0 11px 24px;
	text-decoration: underline;
	color: #0437a5;
	background: url(../images/csssprite.png) -196px -132px no-repeat;
}
.summaryDefault .summaryDefaultEntry.bl-hover span.readNext {
	text-decoration: none;
}
.summaryDefault .summaryDefaultEntry .summaryTitle {
	margin: 0;
}
.summaryDefault .bl-hover {
	border-radius: 8px;
	background-color: #f0faff;
}
.summaryDefault .bl-hover p.description:after {
	text-decoration: underline;
}
.summaryDefault .summaryDefaultEntry .showCat {
	font-size: 60%;
	padding: 0 4px;
  margin-right: 10px;
	color: #fff;
}
@media screen and (max-width:480px) {
	.summaryDefault .summaryDefaultEntry p.description {
		padding-left: 10px;
	}
}

/* ページャー */
.pager-container {
	text-align: center;
}
.pager {
	display: inline-block;
	zoom: 1;
	margin: 15px 0 0 10px;
	padding: 0;
	list-style: none;
	color: #333;
	_display: inline-table;
}
.pager:before,
.pager:after {
	display: table;
	content: ' ';
}
.pager:after {
	clear: both;
}
.pager li {
	float: left;
	margin-left: 4px;
	text-align: center;
}
.pager li:first-child {
	margin-left: 0;
}
.pager li > a:link {
	text-decoration: none;
}
.pager li span > a,
.pager li.cur span,
.pager li > a {
	line-height: 1;
	display: inline-block;
	padding: 8px 12px;
	text-align: center;
	text-decoration: none;
	color: #333;
	color: #333;
	border-radius: 50%;
	background-color: #ffe67c;
}
.pager li a:hover {
	text-decoration: none;
	color: #000;
	background-color: #86eaee;
}
.pager li.cur span {
	padding: 8px 12px;
	text-decoration: none;
	background: #d8f5fe;
}
.pager li > a:active {
	text-decoration: none;
	color: #333;
	border: 1px solid #aaa;
	background-color: #e1e1e1;
	box-shadow: inset 0 1px 2px #b2b2b2;
}
.pager li.prevNext a {
	border: 0;
	background: transparent;
}
.pager li.prevNext a:hover {
	text-decoration: underline;
}

/* ---------------
一覧・エントリー共通
--------------- */
/* 見出し類 */
.headerOrangeL {
	font-family: 'Shin Go Regular';
	font-size: 163%;
	font-weight: bold;
	line-height: 1.4;
	margin: 20px 0;
	padding: 7px 18px;
	border-radius: 8px;
	background-color: #ffe98b;
}
.headerAqua {
	font-family: 'Shin Go Regular';
	font-size: 175%;
	position: relative;
	z-index: 100;
	margin: .6em 0;
	padding: 16px 50px 20px 30px;
	border-radius: 10px;
	background: #d2ecff url(../images/csssprite.png) -100px -450px no-repeat;
	background-color: #d2ecff;
}
.headerAqua:before {
	position: absolute;
	z-index: 100;
	top: 0;
	right: 0;
	display: inline-block;
	width: 76px;
	height: 52px;
	content: '';
	background: url(../images/csssprite.png) 5px -550px no-repeat;
}
.headerAqua:after {
	position: absolute;
	z-index: 0;
	bottom: -14px;
	left: 30px;
	display: inline-block;
	width: 6px;
	height: 15px;
	content: '';
	background: url(../images/csssprite.png) 0 -650px no-repeat;
}
.headerAqua a {
	vertical-align: middle;
	color: #000;
}
.headerAqua h3 a:hover {
	text-decoration: underline;
}
.titleBalloon {
	font-size: 150%;
	padding: 0 4px 6px 38px;
	border-bottom: 3px solid #fc0;
	background: url(../images/csssprite.png) -48px -292px no-repeat;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Shin Go Regular';
}
@media screen and (max-width:767px) {
	.headerAqua {
		font-size: 138%;
		padding: 10px 25px 10px;
	}
	.headerAqua:before {
		background: none;
	}
}

/* ページ大見出し */
.pageTitleLarge,
.column404 {
	margin-bottom: 30px;
	border-radius: 8px;
	background: #fff;
	-webkit-box-shadow: 0 0 5px rgba(138, 166, 198, .8);
	box-shadow: 0 0 5px rgba(138, 166, 198, .8);
}
.column404 {
	margin: 0;
	padding: 10px 20px;
}
.pageTitleLarge .headerColumn {
	position: relative;
	min-height: 144px;
}
#categoryH1 {
	font-family: 'Shin Go Regular';
	font-size: 175%;
	font-weight: bold;
	line-height: 1.4;
	position: relative; /* for ie6 */
	display: table-cell;
	overflow: hidden;
	height: 144px;
	margin: 0;
	padding: 0 220px 0 30px;
	vertical-align: middle;
	color: #333;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	_text-align: left;
}
#categoryImage {
	position: absolute;
	top: -36px;
	right: -12px;
	display: block;
	clip: rect(36px 204px 180px 0);
}
@media screen and (max-width:480px) {
	.pageTitleLarge,
	.column404 {
		margin-bottom: 20px;
	}
	.pageTitleLarge .headerColumn {
		min-height: 100px;
	}
	#categoryH1 {
		font-size: 150%;
		top: 0;
		height: 120px;
		min-height: inherit;
		padding: 0 120px 0 16px;
	}
	#categoryImage {
		top: -10px;
		right: -10px;
		clip: rect(10px 110px 120px 0);
		width: 120px;
		height: auto;
	}
}

/* ボタン */
.button {
	font-size: 100%;
	font-weight: bold;
	display: inline-block;
	margin: 1em 10px;
	color: #fff;
	border-radius: 20px;
	box-shadow: 2px 2px 2px rgb(204, 204, 204);
	box-shadow: 2px 2px 2px rgba(0, 0, 0, .15);
	text-shadow: 1px 1px 2px rgba(11, 28, 77, .89);
}
.btnBlue {
	background: #0096c5 linear-gradient(#0fb5e2 0%, #0096c5 100%);
}
.btnBlue a,
input.btnBlue {
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo', 'メイリオ', 'ＭＳ Ｐゴシック', 'MS PGothic', Verdana, sans-serif;
	font-size: 113%;
	line-height: 40px;
	display: block;
	padding: 0 20px 0 38px;
	color: #fff;
	border-radius: 20px;
	background: #0096c5 url(../images/csssprite.png) no-repeat 11px -240px;
}
input.btnBlue {
	display: inline-block;
	margin-bottom: 0;
	border: 0;
	outline: none;
	background: url(../images/csssprite.png) no-repeat 11px -240px, linear-gradient(#0fb5e2 0%, #0096c5 100%);
}
.btnBlue a:hover,
input.btnBlue:hover {
	-webkit-transition: .25s;
	-moz-transition: .25s;
	transition: .25s;
	background: #00468c url(../images/csssprite.png) no-repeat 11px -240px;
}
input.btnGray {
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo', 'メイリオ', 'ＭＳ Ｐゴシック', 'MS PGothic', Verdana, sans-serif;
	line-height: 40px;
	display: inline-block;
	padding: 0 20px 0 38px;
	border: 0;
	background: url(../images/csssprite.png) no-repeat 11px -240px, -webkit-linear-gradient(#0fb5e2 0%, #0096c5 100%);
	background: url(../images/csssprite.png) no-repeat 11px -240px, linear-gradient(#adadad 0%, #6b6f70 100%);
}
@media screen and (max-width:767px) {
	.btnBlue {
		margin: 0 0 20px;
	}
}
@media screen and (max-width:480px) {
	.btnBlue {
		display: block;
		text-align: center;
	}
}

/* ---------------
個別エントリーページ
--------------- */
/* 関連記事の表示 #relatedPost */

#relatedPost {
	clear: both;
	margin: 0 0 20px;
	padding: 10px 15px 0;
	border: 2px solid #fc0;
	border-radius: 5px;
}
#relatedPost h2 {
	font-size: 113%;
	margin: 0;
}
#relatedPost p {
	margin: 10px 0 0;
}
#relatedPost dl {
	margin: 0;
}
#relatedPost dt {
	font-weight: bold;
}
#relatedPost dt a {
	text-decoration: underline;
}
#relatedPost dd {
	margin: 0 0 10px;
	padding: 0 0 10px;
	border-bottom: 1px dotted #ccc;
}
#relatedPost dd:last-child {
	border-bottom: 0;
}

/* ソーシャルボタン .snsButton */
.snsButton {
	float: right;
	margin: 1em;
}
.snsButton div {
	margin-bottom: 10px;
	vertical-align: top;
	display: inline-block;
	overflow: hidden;
}
.snsButton div.fbbtn {
	margin-right: 20px;
}
.snsButton div.fbbtn iframe {
	width: 110px !important;
}
.snsButton div.twbtn {
	width: 112px;
}
.snsButton div.gpbtn {
	overflow: hidden;
	width: 74px;
}

/* ---------------
共通
--------------- */
/* 日付表示 */

.date {
	font-size: 88%;
	font-weight: bold;
	margin: -10px 6px 16px !important;
	text-align: right;
	color: #664c00;
}

/* カテゴリーの色分け */
.showCat {
	font-size: 88%;
	font-weight: normal;
	line-height: 20px;
	display: inline-block;
	height: 20px;
	margin: 2px 0;
	padding: 0 4px;
	color: #fff;
}
.headerAqua .showCat {
	font-size: 60%;
	border-radius: 2px;
}
.eachEntry .showCat.cat4,
.summaryDefaultEntry .showCat.cat4 {
	color: #000;
}

/* 404ページ */
.acms-entry .btn404 {
	margin: 0 0 0 20px;
}
.acms-entry .btn404 a {
	text-decoration: none;
}