@charset "utf-8";

/*
Theme Name: kenoh-shigen
Theme URI:
Description: kenoh-shigen
Version: 1.00
Author: Kenoh Shigen Inc.
Author URI:
Tags: simple
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
 */

/* Patterns from Subtle Patterns: subtlepatterns.com */
/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html

-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {

	border: 0;

	font-family: inherit;

	font-size: 100%;

	font-style: inherit;

	font-weight: inherit;

	margin: 0;

	outline: 0;

	padding: 0;

	vertical-align: baseline;

}

:focus {

	outline: 0;

}

ol, ul {

	list-style: none;

}

table {

	border-collapse: separate;

	border-spacing: 0;

}

blockquote:before, blockquote:after, q:before, q:after {

	content: "";

}

blockquote, q {

	quotes: "" "";

}

a img {

	border: 0;

	backface-visibility: hidden; /*Choromeで画像ホバー時のちらつきを防ぐ*/

}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {

	display: block;

}

figure{

	margin: 0;

}

figure img{

	padding: 0!important;

	border: 0 !important;

}

body {

	font: 90%/1.5 "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "メイリオ" , Meiryo , "Meiryo UI" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;

	color: #252525;

	-webkit-text-size-adjust: none;

	overflow-x:hidden;/*3.02*/

}

/*------------------------------------------------------------

初期：リンク設定

------------------------------------------------------------*/

a {

	margin: 0;

	padding: 0;

	text-decoration: none;

	outline: 0;

	vertical-align: baseline;

	background: transparent;

	font-size: 100%;

	color: #777;

}

a:hover, a:active {

	-webkit-transition: opacity 1s;

	-moz-transition: opacity 1s;

	-o-transition: opacity 1s;

	outline: none;

	color: #999;

}

/*------------------------------------------------------------

初期：画像

------------------------------------------------------------*/

a img {

	/*transition使用*/

	-webkit-transition: 0.3s;

	-moz-transition: 0.3s;

	-o-transition: 0.3s;

	transition: 0.3s;

}

a:hover img {

	opacity: 0.5;

	filter: alpha(opacity=80);

	-ms-filter: "alpha( opacity=80 )";

}

/**** Clearfix ****/

nav .panel:after, nav#mainNav:after, .newsTitle:after, .bg:after, .post:after {

	content: "";

	display: table;

	clear: both;

}

nav .panel, nav#mainNav, .newsTitle, .bg, .post {

	zoom: 1;

}

/*------------------------------------------------------------

初期：フォーム設定

------------------------------------------------------------*/

input[type="text"], input[type="tel"], input[type="email"], input[type="date"], input[type="url"], input[type="number"], select, textarea {

	vertical-align: middle;

	line-height: 30px;

	height: 30px;

	padding: 1px 5px;

	border: 1px solid #d4d4d7;

	border-radius: 3px;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	color: #555;

	background: #fcfcfc;

	margin-bottom: 5px;

	width: 100%;

	box-sizing: border-box;

}

textarea {

	height: auto;

	line-height: 1.5;

	resize: vertical;

}

input[type="submit"], input[type="reset"], input[type="button"] {

	padding: 3px 10px;

	background: #2a588b;

	background: -moz-linear-gradient(top, #2a588b 0%, #324B68 100%);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2a588b), color-stop(100%, #324B68));

	background: -webkit-linear-gradient(top, #2a588b 0%, #324B68 100%);

	background: -o-linear-gradient(top, #2a588b 0%, #324B68 100%);

	background: -ms-linear-gradient(top, #2a588b 0%, #324B68 100%);

	background: linear-gradient(to bottom, #2a588b 0%, #324B68 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a588b', endColorstr='#324B68', GradientType=0 );

	border: 0;

	border-radius: 3px;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	line-height: 1.5;

	font-size: 100%;

	color: #fff;

}

input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {

	background: #2a588b;

	background: -moz-linear-gradient(top, #324B68 0%, #2a588b 100%);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #324B68), color-stop(100%, #2a588b));

	background: -webkit-linear-gradient(top, #324B68 0%, #2a588b 100%);

	background: -o-linear-gradient(top, #324B68 0%, #2a588b 100%);

	background: -ms-linear-gradient(top, #324B68 0%, #2a588b 100%);

	background: linear-gradient(to bottom, #324B68 0%, #2a588b 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#324B68', endColorstr='#2a588b', GradientType=0 );

}

*:first-child+html input[type="submit"] {

	padding: 3px;

}

/*------------------------------------------------------------

初期：レイアウト設定

------------------------------------------------------------*/

#wrapper {

	margin: 0 auto;

	width: 960px;

}

.page-template-page-nosidebar #wrapper, .page-template-page-nosidebar #content, .page-template-page-nosidebar .post, .page-template-page-nosidebar-fullthumb #wrapper, .page-template-page-nosidebar-fullthumb #content, .page-template-page-nosidebar-fullthumb .post, .page-template-page-nosidebar-fullwidth #wrapper, .page-template-page-nosidebar-fullwidth #content, .page-template-page-nosidebar-fullwidth .post, .page-template-page-nosidebarnb #wrapper, .page-template-page-nosidebarnb #content, .page-template-page-nosidebarnb .post, .page-template-page-nosidechild2b #wrapper, .page-template-page-nosidechild2b #content, .page-template-page-nosidechild2b .post, .page-template-page-nschild2bnb #wrapper, .page-template-page-nschild2bnb #content, .page-template-page-nschild2bnb .post{

	overflow: visible;/*3.02*/

}

#header .inner {

	margin: 0 auto;

	width: 960px;

}

.bg .inner {

	margin: 0 auto;

	width: 960px;

}

#mainNav .inner {

	margin: 0 auto;

	width: 960px;

}

#footer .inner {

	margin: 0 auto;

	width: 960px;

}

#content {

	float: right;

	width: 710px;

	padding: 20px 0;

	line-height: 1.6em;

}

.home #content {

	padding: 10px 0;	

}

#content.wide {

	width: 100%;

	float:none;

}

#sidebar {

	float: left;

	width: 225px;

	padding: 20px 0;

	font-size: 93%;

}

.home #sidebar {

	padding: 10px 0;	

}

#footer {

	clear: both;

	border-bottom: 1px solid #5d5d5d;

}

body.right-sidebar #wrapper #sidebar {

	float: right;

}

body.right-sidebar #wrapper #content {

	float: left;

}

/* IE7ドキュメントモードhuck

----------------------------------*/

.gallery {

	*zoom: 97%;

}

.png {

	*zoom: 1;

}

/*------------------------------------------------------------

ヘッダー

------------------------------------------------------------*/

#header {

	overflow: hidden;

}

#header .bg {

	background: #2a588b;

}

/* サイト説明文 + 住所

----------------------------------*/

#header h1 {

	float: left;

	padding: 3px 0;

	color: #fff;

	font-size: 70%;

	font-weight: normal;

}

#header p {

	font-size: 93%;

	float: right;

}

#header .description {

	float: left;

	color: #FFFFFF;

	padding: 3px 0;

	font-size: 70%;

}

/* headerレイアウト

----------------------------------*/

#header-layout {

	padding: 20px 0;

}

/* ロゴ (サイトタイトル)

----------------------------------*/

#header .logo {

	clear: both;

	display: table-cell;

	vertical-align: middle;

	padding: 0;

}

#header .logo img {

	max-height: 70px;

}

body.headlogo-nonfix #header .logo img {

	max-height: inherit;

}

#header h2 {

	clear: both;

	float: left;

	padding: 30px 0;

	color: #515151;

	font-size: 160%;

	font-weight: bold;

}

/* トップページ　メイン画像

----------------------------------*/

#mainImg {

	clear: both;

	padding-top: 20px;

	padding-bottom: 10px;

	line-height: 0;

	text-align: center;

	z-index: 0;

}

#thumbImg {

	clear: both;

	line-height: 0;

	text-align: center;

	z-index: 0;

}

#thumbImg img {

	width: 100%;

	height: auto;

}

/* headerコンタクト

----------------------------------*/

#header .contact {

	display: table-cell;

	vertical-align: middle;

	text-align: right;

	width: 100%;

	padding: 0 15px;

	box-sizing: border-box;

}

#header .contact .float {

	float: right;

}

#header .contact .tel {

	font-size: 230%;

	color: #000000;

	display: inline-block;

	vertical-align: top;

	margin-bottom: -3px;

	font-family: 'Oswald', Helvetica, sans-serif;

}

#header .contact .tel span {

	font-size: 80%;

}

#header .contact .tel a {

	color: #000000;

}

#header .add {

	background: none;

	color: #324B68;

	padding: 0;

	clear: both;

	float: none;

}

#header .contact .tel img {

	padding:0 5px 5px 0;

	vertical-align:middle;

}

#header .contact .mail {

	display: inline-block;

	margin-left: 15px;

}

/*------------------------------------------------------------

タイポグラフィー

------------------------------------------------------------*/

h1.title , .post h1 ,

h2.title , .post h2 ,

h3.title , .post h3 ,

h4.title , .post h4 {

	line-height:1;

}



h1.title {

	clear: both;

	margin: 30px 0 0;

	padding: 7px 10px;

	color: #ffffff;

	font-size: 110%;

	background: #2a588b;

}

h1.first {

	margin-top: 0;

}

h2.title {

	clear: both;

	margin: 30px 0 20px 0;

	padding: 7px 10px;

	border: 1px solid #dadada;

	border-bottom: 3px solid #2A588B;

}

h2.first {

	margin-top: 0;

}

.dateLabel {

	text-align: right;

	font: italic 1em "Palatino Linotype", "Book Antiqua", Palatino, serif;

}

/*3.02*/

.listTitle {

	position: relative;

}

.listTitle .frontlist {

	position: absolute;

	top: 50%;

	right: 1em;

	transform: translateY(-50%);

}

.listTitle .frontlist a {

	color: #fff;

	background: url(images/arrow.png) no-repeat 0 50%;

	padding-left: 10px;

}

.listTitle .frontlist a:hover {

	color: #327cab;

}

/*------------------------------------------------------------

コンテンツ

------------------------------------------------------------*/

.post {

	margin-bottom: 20px;

	padding: 10px;

	background-color: #fff;

	border: 1px solid #dadada;

	clear: both;

}

.post p {

	padding-bottom: 15px;

}

.post ul {

	margin: 0 0 10px 10px;

}

.post ul#sitemap_list li {

	margin-bottom: 5px;

	padding-left: 15px;

	background: none;

	border-bottom: none;

}

#sitemap_list {

	background: none!important;

}

.post ol {

	margin: 0 0 10px 30px;

}

.post ol li {

	list-style: decimal;

}

/* コンテンツ内見出し

----------------------------------*/

.post h1 {

	clear: both;

	font-size: 110%;

	margin: 5px 0 5px 0;

	padding: 7px 10px;

	border: 1px solid #dadada;

	border-bottom: 3px solid #2A588B;

	line-height:1;

}

.post h2 {

	clear: both;

	background-color: #f9fafb;

	border: 1px solid #dbdcdc;

	border-radius: 3px;

	font-size: 110%;

	margin-bottom: 15px;

	padding: 8px 5px 8px 10px;

	position: relative;

}

.post h2:after {

	content: ".";

	display: block;

	height: 0;

	visibility: hidden;

}

.post h2:before {

	background: none repeat scroll 0 0 #2a588b;

	content: "";

	display: block;

	height: 17px;

	left: -1px;

	position: absolute;

	top: 9px;

	width: 5px;

}

.post h3 {

	clear: both;

	margin: 10px 0;

	border-bottom: 1px solid #324B68;

	border-left: 5px solid #324B68;

	font-size: 110%;

	font-weight: normal;

	margin-bottom: 15px;

	padding: 0 0 3px 8px;

}

.post h4 {

	clear: both;

	margin: 10px 0;

	border-bottom: 1px dashed #324B68;

	border-left: 4px solid #324B68;

	color: #324B68;

	font-size: 100%;

	font-weight: normal;

	padding: 0 0 3px 8px;

}

.post blockquote {

	background-color: #ddd;

	padding: 1em 1em 1em 3em;

	position: relative;

	margin-bottom: 15px;

}

.post blockquote:before {

	content: "“";

	font-size: 96px;

	line-height: 1em;

	color: #999;

	position: absolute;

	left: 0;

	top: 0;

}

.post blockquote p {

	padding: 5px 0;

}

/* 基本テーブル

------------------------------------------------------------*/

.post table {

	border: #dcdddd 1px solid;

	color: #333333;

	border-collapse: collapse;

	width: 100%;

	font-size: 93%;

	margin-bottom: 15px;

	box-sizing:border-box;

}

.post table th {

	border: #dcdddd 1px solid;

	background-color: #efefef;

	text-align: left;

	padding: 10px;

}

.post table td {

	border: #dcdddd 1px solid;

	background-color: #f7f8f8;

	text-align: left;

	padding: 10px;

	vertical-align: top;

}

/* 透明テーブル

------------------------------------------------------------*/

.post table.clear {

	background: none;

	border: none;

	border-collapse: collapse;

	width: 100%;

	color: #333333;

	margin-bottom: 15px;

}

.post table.clear th,

.post table.clear td {

	vertical-align:top;

	border: none;

	background: none;

	text-align: left;

	padding: 0 5px;

}

/* レスポンシブ対応テーブル

------------------------------------------------------------*/

@media only screen and (max-width: 640px) {

	.post table.responsive {

		width: 100% !important;

	}

	.post table.responsive th, .post table.responsive td {

		width: 100% !important;

		box-sizing: border-box;

		display: block;

		height: auto;

		border-top: none;

		border-right: none;

		border-left: none;

	}

	.post table.responsive tr:last-child td:last-child {

		border-bottom: none;

	}

	.post table.responsive th, .post table.responsive td {

		text-align: center;

	}

	.post table.responsive.clear th, .post table.responsive.clear td {

		text-align: left;

	}

}

/* ページナビ

----------------------------------*/

.pagenav {

	clear: both;

	width: 100%;

	height: 30px;

	margin: 5px 0 20px;

}

.prev {

	float: left

}

.next {

	float: right;

}

#pageLinks {

	clear: both;

	color: #2a588b;

	text-align: center;

}

.post dt {

	font-weight: bold;

}

.post dd {

	padding-bottom: 10px;

}

.post img {

	max-width: 100%;

	height: auto;

	padding: 4px;

	border: 1px solid #cccccc;

}

/* IE8以下画像対応

------------------------------------------------------------*/

.post img {

	width: inherit\9;

	max-width: 100%\9;

	height: auto\9;

}

.post img.aligncenter {

	display: block;

	margin: 5px auto;

}

.post img.alignright {

	padding: 4px;

	margin: 0 0 15px 8px;

	display: inline;

}

.post img.alignleft {

	padding: 4px;

	margin: 0 8px 15px 0;

	display: inline;

}

/* imgにborder除外。<div class="noborder">で括る

------------------------------------------------------------*/

.post .noborder img {

	border: none !important;

}

.alignright {

	float: right;

}

.alignleft {

	float: left;

}

.aligncenter {

	margin: 0 auto;

	text-align: center;

}

img.alignright {

	float: right;

}

img.alignleft {

	float: left;

}

img.aligncenter {

	display: block;

	margin: 0 auto;

	text-align: center;

}

/*imgのclassに追加で適応*/

.post img.noborder {

	border: none !important;

}

.post img.nobackground {

	background: none !important;

}

/* imgエッセンス

------------------------------------------------------------*/

img.slanting {

	transform: rotate(2deg);

	-webkit-transform: rotate(2deg);/* chrome、safari　*/

	-moz-transform: rotate(2deg);/* firefox　*/

}

/* パンくずリスト

----------------------------------*/

#breadcrumb {

	background-color: #799DC5;

	clear: both;

	padding: 3px;

}

#breadcrumb ul {

	width: 100%;

	max-width: 960px;

	margin: 0 auto;

	padding-left: 1em;

}

#breadcrumb ul li {

	float: left;

	color: #fff;

	margin: 0 5px;

	font-size: 11px;

}

#breadcrumb ul li a {

	color: #fff;

}

#breadcrumb ul li a:hover {

	text-decoration: underline;

}

/*------------------------------------------------------------

サイドバー

------------------------------------------------------------*/

section.widget, .widgetInfo {

	margin: 0 0 20px;

	border: 1px solid #dadada;

	background-color: #fff;

}

section.widget ul, .widget_search, #calendar_wrap, .textwidget {

	padding: 10px;

}

section.widget_sp_image {

	background: none;

}

/*サイドバーにiframeを展開させたい場合----------------------*/

.textwidget iframe {

	width: 100%!important;

}

#banners img {

	max-width: 225px;

	height: auto;

	padding-bottom: 10px;

}

section.widget h2 {

	clear: both;

	margin: 0;

	padding: 7px 10px;

	font-size: 110%;

	font-weight: normal;

	background: #2a588b;

	color: #ffffff;

}

section.widget h3 {

	clear: both;

	margin: 0 0 10px;

	padding: 5px 0;

	font-size: 110%;

	font-weight: normal;

	color: #ffffff;

	background: #2a588b;

}

section.widget li a {

	display: block;

	padding: 7px 0 7px 12px;

	border-bottom: 1px dashed #DCDCDC;

	background: url(images/arrow.png) no-repeat 0 50%;

}

section.widget li:last-child a {

	border: 0;

}

section.widget a:hover {

	text-decoration: none;

	background-position: 3px 50%;

}

#searchform input[type="text"] {

	line-height: 1.7;

	height: 30px;

	width: 100px;

}

/* お知らせ　

-------------*/

.newsTitle {

	clear: both;

	margin: 0 0 10px 0;

	font-size: 110%;

	padding: 7px 10px;

	background: #2a588b;

	color: #ffffff;

}

.newsTitle p a{

	color: #ffffff;

}

.newsTitle p a:hover{

	color: #327cab;

}

.newsTitle h2 {

	float: left;

	font-weight: normal;

}

.newsTitle h3 {

	float: left;

	font-weight: normal;

}

.newsTitle p {

	float: right;

	padding: 0 0 0 10px;

	background: url(images/arrow.png) no-repeat 0 50%;

	font-size: 93%;

}

.news p {

	clear: both;

	padding-bottom: 2px;

	border-bottom: 1px dashed #DCDCDC;

	margin: 0 10px;

}

.news p:last-child {

	border: 0;

}

.news p a {

	display: block;

	padding: 5px 0;

	color: #333;

	font-size: 93%;

}

.news a span {

	color: #515151;

	font: normal 93% Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;

}

.news span {

	padding-left: 10px;

}

.news a:hover span {

	color: #777;

}

.widget_sp_image {

	border: none!important;

}

.widget_sp_image img {

	clear: both;

	margin-bottom: 15px;

}

.widget_search {

	clear: both;

}

.widget_text {

	clear: both;

}

.widget_recent_entries {

	clear: both;

}

.widget_nav_menu {

	clear: both;

}

.widget_mycategoryorder {

	clear: both;

}

/* 

ウィジェットカレンダー

---------------------------------------------------- */

.widget_calendar {

	clear: both;

}

#wp-calendar {

	border-left: 1px solid #fff;

	background-color: #ffffff;

	empty-cells: show;

	width: 90%;

	margin: 0 auto;

}

#wp-calendar caption {

	text-align: center;

	width: 90%;

	font-weight: normal;

}

#wp-calendar th {

	border-left: #EDEDED 1px solid;

	border-bottom: #dcdddd 1px solid;

	border-right: #dcdddd 1px solid;

	background-color: #efefef;

	color: #330000;

	padding: 0.3em;

	text-align: center;

	vertical-align: middle;

}

#wp-calendar td {

	border-left: #EDEDED 1px solid;

	border-right: #dcdddd 1px solid;

	border-bottom: #dcdddd 1px solid;

	text-align: center;

	vertical-align: middle;

	height: 2em;

}

#wp-calendar tfoot td {

	border: none;

}

#wp-calendar td a {

	font-weight: bold;

	background-color: #ffeeee;

	height: 100%;

	padding-top: 0.2em;

}

/*------------------------------------------------------------

フッター

------------------------------------------------------------*/

#footer ul {

	padding: 5px 0 2px 0;

	font-size: 93%;

}

#footer ul li {

	display: inline-block;

	vertical-align: text-top;

	text-align: left;

	padding: 5px 0;

	margin-right: 60px;

	background: url(images/arrow.png) no-repeat 0 12px;

}

#footer ul li a {

	display: block;

	padding: 0 0 0 12px;

	overflow: hidden;

}

#footer ul li a:hover {

	text-decoration: underline;

}

#footer ul li li {

	display: block;

	padding: 0;

	margin: 0 0 0 10px;

	background-position: 0 5px;

}

*:first-child+html #footer ul li {

	display: inline;

}

*:first-child+html #footer ul ul, *:first-child+html #footer ul li li a, *:first-child+html #footer ul li li {

	display: none;

}

#copyright {

	clear: both;

	padding: 10px;

	text-align: center;

	font-size: 75%;

	zoom: 1;

	color: #fff;

	background: #2a588b;

}

/*------------------------------------------------------------

TOPフロントページバナー指定（ex:c1＝1カラム）

------------------------------------------------------------*/

.c1thumbWrap {

	width: 730px;

	margin: 0px 0px 20px 0;

	overflow: hidden;

}

.c1thumbWrap li {

	float: left;

	width: 710px;

	margin: 0 20px 0 0;

	padding: 0 0 10px;

	background: none;

}

.c1thumbWrap li img {

	width: 100%;

}

.c2thumbWrap {

	width: 730px;

	margin: 0px 0px 20px 0;

	overflow: hidden;

}

.c2thumbWrap li {

	float: left;

	width: 345px;

	margin: 0 20px 0 0;

	padding: 0 0 10px;

	background: none;

}

.c2thumbWrap li img {

	width: 100%;

}

.c3thumbWrap {

	width: 730px;

	margin: 0px 0px 20px 0;

	overflow: hidden;

}

.c3thumbWrap li {

	float: left;

	width: 223px;

	margin: 0 20px 0 0;

	padding: 0 0 10px;

	background: none;

}

.c3thumbWrap li img {

	width: 100%;

}

/* 最新記事リンク */

ul.thumb h3 {

	margin-top: 10px;

	padding: 1px;

	font-weight: normal;

	font-size: 100%;

	text-align: center;

	background: #fff;

	border: 1px solid #777;

}

ul.thumb h3 span {

	display: block;

	padding: 2px 3px;

	background: #2a588b;

}

ul.thumb h3 a {

	color: #fff;

}

ul.thumb h3:hover span {

	background: #324B68;

}

/*------------------------------------------------------------

TOPフロントページバナー指定/sidebar無の場合

------------------------------------------------------------*/



.wide .thumbWrap {

	width: 100%;

}

.wide .c1thumbWrap, .wide .c2thumbWrap, .wide .c3thumbWrap {

	clear: both;

	width: 100%;

}

/*.wide ul.thumb {

margin: 0 -3% 15px 0;

}*/

.wide ul.thumb li {

	float: left;

	width: 300px;

	margin: 0 0 25px;

	background: none;

}

.wide ul.thumb li img.wp-post-image {

	float: left;

	display: inline;

	padding: 0 5px 3px 0;

}

.wide .c1thumbWrap ul.thumb li {

	width: 100%;

	padding: 0 3% 0 0;

}

.wide .c1thumbWrap ul.thumb li img {

	max-width: 100%;

}

.wide .c2thumbWrap ul.thumb li {

	width: 48%;

	padding: 0 4% 0 0;

}

.wide .c2thumbWrap ul.thumb li:last-child {

	padding: 0;

}

.wide .c2thumbWrap ul.thumb li img {

	max-width: 100%;

}

.wide .c3thumbWrap ul.thumb li {

	width: 31.3%;

	padding: 0 3% 0 0;

}

.wide .c3thumbWrap ul.thumb li:last-child {

	padding: 0;

}

.wide .c3thumbWrap ul.thumb li img {

	max-width: 100%;

}

.wide .clm {

	padding: 0!important;

}

/* post内レスポンシブブロック指定

------------------------------------------------------------*/

.post .column2_50 {

	display: inline-block;

	margin: 5px 0;

	width: 49.5%;

	vertical-align: top;

}

.post .column2_50 img {

	max-width: 95.5%;

	vertical-align: bottom;

}

.post .column2_30 {

	display: inline-block;

				*display: inline;

				*zoom: 1;

				margin: 5px 0;

				width: 30%;

				vertical-align: top;

			}

			.post .column2_30 img {

				max-width: 95.5%;

				vertical-align: bottom;

			}

			.post .column2_70 {

				display: inline-block;

							*display: inline;

							*zoom: 1;

							margin: 5px 0;

							width: 69.1%;

							vertical-align: top;

						}

						.post .column2_60 {

							display: inline-block;

							margin: 5px 0;

							width: 58.9%;

							vertical-align: middle;

							box-sizing: border-box;

						}



						.post .column2_40 {

							display: inline-block;

							margin: 5px 0;

							width: 40%;

							vertical-align: middle;

							box-sizing: border-box;

						}

						.post .column3_33 {

							display: inline-block;

							margin: 5px 0;

							width: 32.8%;

							vertical-align: top;

						}

						.post .column3_33 img {

							max-width: 95.0%;

							vertical-align: bottom;

						}

						.post .column4_25 {

							display: inline-block;

							margin: 5px 0;

							width: 24.3%;

							vertical-align: top;

						}

						.post .column5_20 {

							display: inline-block;

							margin: 5px 0;

							width: 19.4%;

							vertical-align: top;

						}

						.post .column2_80 {

							display: inline-block;

							margin: 5px 0;

							width: 80%;

							vertical-align: middle;

						}



						.post .column2_20 {

							display: inline-block;

							margin: 5px 0;

							width: 19%;

							vertical-align: middle;

						}



						/*flexbox*/

						.post .container{

							display: flex;

							display: -webkit-flex;

							display: -moz-flex;

							display: -ms-flex;

							display: -o-flex;

						}

						.post .container-rwd{

							display: flex;

							display: -webkit-flex;

							display: -moz-flex;

							display: -ms-flex;

							display: -o-flex;

						}

						.post .container .column2_50,

						.post .container-rwd .column2_50{

							width: auto;

							margin: 0;

							width: 50%;

						}

						.post .container .column2_30,

						.post .container-rwd .column2_30{

							width: auto;

							width: 30%;

							margin: 0;

						}

						.post .container .column2_40,

						.post .container-rwd .column2_40{

							width: auto;

							width: 40%;

							margin: 0;

						}

						.post .container .column2_60,

						.post .container-rwd .column2_60{

							width: auto;

							width: 60%;

							margin: 0;

						}

						.post .container .column2_70,

						.post .container-rwd .column2_70{

							width: auto;

							width: 70%;

							margin: 0;

						}

						.post .container .column3_33,

						.post .container-rwd .column3_33{

							width: auto;

							margin: 0;

							width: 33.3333%;

						}

						.post .container .column4_25,

						.post .container-rwd .column4_25{

							width: auto;

							margin: 0;

							width: 25%;

						}

						.post .container .column5_20,

						.post .container-rwd .column5_20{

							width: auto;

							margin: 0;

							width: 20%;

						}



						/*boxにaを追加する場合*/

						.post .container a,

						.post .container-rwd a{

							display: block;

							width: 100%;

						}

						/*--------------------------------------

						flexboxのカスタマイズ

						--------------------------------------*/



/*full-wrapperの利用の際のアイテム*/

.innerContent{

	width: 100%;

	max-width: 960px;

	margin: 0 auto;

}

#full-wrapper .post{

	padding: 0;

}

@media print, screen and (max-width: 1023px) {

	#full-wrapper #content.wide {

		width: 100%;

	}

	.innerContent{

		width: 96%;

		margin: 0 auto;

	}

}



/*flexを使いやすく*/

/*高さ*/

.container.top, .container-rwd.top{ align-items: flex-start; }

.container.middle, .container-rwd.middle{ align-items: center; }

.container.bottom, .container-rwd.bottom{ align-items: flex-end; }

/*幅*/

.container.center, .container-rwd.center{ text-align: center; }

.container.right, .container-rwd.right{ text-align: right; }

.container.left, .container-rwd.left{ text-align: left; }

/*改行*/

.container.wrap, .container-rwd.wrap{ flex-wrap: wrap; }

/*余白padding*/

.pa_1{padding:1%;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box;  -ms-box-sizing: border-box;}

.pa_2{padding:2%;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box;  -ms-box-sizing: border-box;}

.pa_3{padding:3%;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box;  -ms-box-sizing: border-box;}

.pa_4{padding:4%;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box;  -ms-box-sizing: border-box;}

.pa_5{padding:5%;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box;  -ms-box-sizing: border-box;}

/*黒ボックス背景*/

.bl_box_10{ background: rgba(0,0,0,0.10);}

.bl_box_20{ background: rgba(0,0,0,0.20);}

.bl_box_30{ background: rgba(0,0,0,0.30);}

.bl_box_40{ background: rgba(0,0,0,0.40);}

.bl_box_50{ background: rgba(0,0,0,0.50);}

.bl_box_60{ background: rgba(0,0,0,0.60);}

.bl_box_70{ background: rgba(0,0,0,0.70);}

.bl_box_80{ background: rgba(0,0,0,0.80);}

.bl_box_90{ background: rgba(0,0,0,0.90);}

.bl_box_100{ background: rgba(0,0,0,1.00);}

/*白ボックス背景*/

.wh_box_10{ background: rgba(255,255,255,0.10);}

.wh_box_20{ background: rgba(255,255,255,0.20);}

.wh_box_30{ background: rgba(255,255,255,0.30);}

.wh_box_40{ background: rgba(255,255,255,0.40);}

.wh_box_50{ background: rgba(255,255,255,0.50);}

.wh_box_60{ background: rgba(255,255,255,0.60);}

.wh_box_70{ background: rgba(255,255,255,0.70);}

.wh_box_80{ background: rgba(255,255,255,0.80);}

.wh_box_90{ background: rgba(255,255,255,0.90);}

.wh_box_100{ background: rgba(255,255,255,1.00);}

/*角丸*/

.ra_10{border-radius: 10px;}

.ra_20{border-radius: 20px;}

.ra_30{border-radius: 30px;}

.ra_40{border-radius: 40px;}

.ra_50{border-radius: 50px;}

.ra_50per{border-radius: 50%;}

/*寄りボックス*/

.left_box_30{width: 30%; margin-right: 70%;}

.left_box_50{width: 50%; margin-right: 50%;}

.left_box_60{width: 60%; margin-right: 40%;}

.right_box_30{width: 30%; margin-left: 70%;}

.right_box_50{width: 50%; margin-left: 50%;}

.right_box_60{width: 60%; margin-left: 40%;}

.post .container img, .post .container-rwd img{max-width: 100%; padding: 0;	vertical-align: bottom;}

.post .container .column2_30 img, .post .container-rwd .column2_30 img{max-width: 100%; padding: 0;margin: 0;}

.post .container .column2_40 img, .post .container-rwd .column2_40 img{max-width: 100%; padding: 0;margin: 0;}

.post .container .column2_50 img, .post .container-rwd .column2_50 img{max-width: 100%; padding: 0;margin: 0;}

.post .container .column2_60 img, .post .container-rwd .column2_60 img{max-width: 100%; padding: 0;margin: 0;}

.post .container .column2_70 img, .post .container-rwd .column2_70 img{max-width: 100%; padding: 0;margin: 0;}

.post .container .column3_33 img, .post .container-rwd .column3_33 img{max-width: 100%; padding: 0;margin: 0;}

.post .container .column4_25 img, .post .container-rwd .column4_25 img{max-width: 100%; padding: 0;margin: 0;}

.post .container .column5_20 img, .post .container-rwd .column5_20 img{max-width: 100%; padding: 0;margin: 0;}

/*文字色*/

.color-white{color: white;}

.color-black{color: #252525;}



@media print, screen and (max-width: 1023px) {

	.left_box_30, .left_box_50, .left_box_60, .right_box_30, .right_box_50, .right_box_60{width: 100%; margin: 0 auto;}

}



@media print, screen and (max-width: 959px) {

	/*タブレット時の改行*/

	.container-rwd .column4_25.tab_column2_50{width: 50%;}

}



@media print, screen and (max-width: 640px) {

	/*SP時の順番*/

	.sp_order1{order:1;}

	.sp_order2{order:2;}

	.sp_order3{order:3;}

	.sp_order4{order:4;}

	.sp_order5{order:5;}

	.sp_order6{order:6;}

	.sp_order7{order:7;}

	.sp_order8{order:8;}

	.sp_order9{order:9;}

	.sp_order10{order:10;}

	.sp_order11{order:11;}

	.sp_order12{order:12;}

	/*SPのみの余白padding*/

	.sp_pa_1{padding:1%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box;  -ms-box-sizing: border-box; box-sizing: border-box;}

	.sp_pa_2{padding:2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box;  -ms-box-sizing: border-box; box-sizing: border-box;}

	.sp_pa_3{padding:3%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box;  -ms-box-sizing: border-box; box-sizing: border-box;}

	.sp_pa_4{padding:4%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box;  -ms-box-sizing: border-box; box-sizing: border-box;}

	.sp_pa_5{padding:5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box;  -ms-box-sizing: border-box; box-sizing: border-box;}

	/*SP時の調整*/

	.post .container .column2_30 img, .post .container-rwd .column2_30 img{margin: 0 auto;}

	.post .container .column2_40 img, .post .container-rwd .column2_40 img{margin: 0 auto;}

	.post .container .column2_50 img, .post .container-rwd .column2_50 img{margin: 0 auto;}

	.post .container .column2_60 img, .post .container-rwd .column2_60 img{margin: 0 auto;}

	.post .container .column2_70 img, .post .container-rwd .column2_70 img{margin: 0 auto;}

	.post .container .column3_33 img, .post .container-rwd .column3_33 img{margin: 0 auto;}

	.post .container .column4_25 img, .post .container-rwd .column4_25 img{margin: 0 auto;}

	.post .container .column5_20 img, .post .container-rwd .column5_20 img{margin: 0 auto;}

	.post .container-rwd .column2_50, .post .container-rwd .column2_30, .post .container-rwd .column2_60, .post .container-rwd .column2_70, .post .container-rwd .column3_33, .post .container-rwd .column4_25, .post .container-rwd .column5_20{ width: 100%;}

}

/*button-pattern*/



/*default*/

.button {

	display: inline-block;

	width: 200px;

	height: 54px;

	text-align: center;

	text-decoration: none;

	line-height: 54px;

	outline: none;

}

.button::before,

.button::after {

	position: absolute;

	z-index: -1;

	display: block;

	content: '';

}

.button,

.button::before,

.button::after {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	-webkit-transition: all .2s !important;

	transition: all .2s !important;

}

/*pattern*/

.btn1 {

	background-color: #333;

	color: #fff;

}

.btn1:hover {

	background-color: #59b1eb;

}

.btn2 {

	background-color: #333;

	border: 2px solid #333;

	color: #fff;

	line-height: 50px;

}

.btn2:hover {

	background-color: #fff;

	border-color: #59b1eb;

	color: #59b1eb;

}

.btn3 {

	position: relative;

	z-index: 2;

	background-color: #333;

	border: 2px solid #333;

	color: #fff;

	line-height: 50px;

}

.btn3:hover {

	background-color: #fff;

	border-color: #59b1eb;

	color: #59b1eb;

}

.btn3::before,

.btn3::after {

	top: 0;

	width: 50%;

	height: 100%;

	background-color: #333;

}

.btn3::before {

	right: 0;

}

.btn3::after {

	left: 0;

}

.btn3:hover::before,

.btn3:hover::after {

	width: 0;

	background-color: #59b1eb;

}

.btn4 {

	position: relative;

	z-index: 2;

	background-color: #333;

	border: 2px solid #333;

	color: #fff;

	line-height: 50px;

}



.btn4:hover {

	background-color: #fff;

	border-color: #59b1eb;

	color: #59b1eb;

}

.btn4::before,

.btn4::after {

	left: 0;

	width: 100%;

	height: 50%;

	background-color: #333;

}

.btn4::before {

	top: 0;

}

.btn4::after {

	bottom: 0;

}

.btn4:hover::before,

.btn4:hover::after {

	height: 0;

	background-color: #59b1eb;

}

.btn5 {

	background-color: #333;

	color: #fff;

}

.btn5:hover {

	letter-spacing: 5px;

}

.btn6 {

	background-color: transparent;

	border: 2px solid #fff;

	color: #fff;

	line-height: 50px;

}

.btn6:hover {

	background-color: rgba(255, 255, 255, .2);

}

.btn7 {

	position: relative;

	z-index: 2;

	background-color: #fff;

	border: 2px solid #333;

	color: #333;

	line-height: 50px;

	overflow: hidden;

}

.btn7:hover {

	color: #fff;

}

.btn7::after {

	top: -100%;

	width: 100%;

	height: 100%;

}

.btn7:hover::after {

	top: 0;

	background-color: #333;

}

.btn8 {

	position: relative;

	z-index: 2;

	background-color: #fff;

	border: 2px solid #333;

	color: #333;

	line-height: 50px;

	overflow: hidden;

}

.btn8:hover {

	color: #fff;

}

.btn8::after {

	top: -100%;

	left: -100%;

	width: 100%;

	height: 100%;

}

.btn8:hover::after {

	top: 0;

	left: 0;

	background-color: #333;

}

.btn9 {

	position: relative;

	z-index: 2;

	background-color: #fff;

	border: 2px solid #333;

	color: #333;

	line-height: 50px;

	overflow: hidden;

}

.btn9:hover {

	color: #fff;

}

.btn9::after {

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	-webkit-transform: scale(.5);

	transform: scale(.5);

}

.btn9:hover::after {

	background: #333;

	-webkit-transform: scale(1);

	transform: scale(1);

}

.btn10 {

	position: relative;

	z-index: 2;

	background-color: #fff;

	border: 2px solid #333;

	color: #333;

	line-height: 50px;

	overflow: hidden;

}

.btn10:hover {

	color: #fff;

}

.btn10::after {

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}

.btn10:hover::after {

	-webkit-transform: scale(2) rotate(180deg);

	transform: scale(2) rotate(180deg);

	background: #333;

}

.btn11 {

	position: relative;

	z-index: 2;

	border: 2px solid #333;

	color: #333;

	line-height: 50px;

	-webkit-perspective: 300px;

	perspective: 300px;

	-webkit-transform-style: preserve-3d;

	transform-style: preserve-3d;

}

.btn11:hover {

	color: #fff;

}

.btn11::after {

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: #333;

	-webkit-transform-origin: center top;

	transform-origin: center top;

	-webkit-transform: rotateX(90deg);

	transform: rotateX(90deg);

	opacity: 0;

}

.btn11:hover::after {

	-webkit-transform: rotateX(0);

	transform: rotateX(0);

	opacity: 1;

}

.btn12 {

	position: relative;

	z-index: 2;

	border: 2px solid #333;

	color: #fff;

	line-height: 50px;

	-webkit-perspective: 300px;

	perspective: 300px;

	-webkit-transform-style: preserve-3d;

	transform-style: preserve-3d;

}

.btn12:hover {

	color: #333;

}

.btn12::after {

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: #333;

	-webkit-transform-origin: center bottom;

	transform-origin: center bottom;

	-webkit-transform: rotateX(0);

	transform: rotateX(0);

}

.btn12:hover::after {

	-webkit-transform: rotateX(-180deg);

	transform: rotateX(-180deg);

}

.btn13 {

	position: relative;

	background-color: #f7d034;

	border-radius: 4px;

	color: #fff;

	line-height: 52px;

	-webkit-transition: none;

	transition: none;

	box-shadow: 0 3px 0 #f7ba59;

	text-shadow: 0 1px 1px rgba(0, 0, 0, .4);

}

.btn13:hover {

	background-color: #ffcc00;

	box-shadow: 0 3px 0 #f7ba59;

}

.btn13:active {

	top: 3px;

	box-shadow: none;

}



/* post子ページ内レスポンシブブロック指定

------------------------------------------------------------*/

.childpost .column2_50 {

	display: inline-block;

				*display: inline;

				*zoom: 1;

				margin: 5px 0;

				padding: 1%;

				width: 47.375%;

				vertical-align: top;

				border: 1px solid #dadada;

			}

			.childpost .column2_50 img {

				max-width: 100%;

				height: auto;

				vertical-align: bottom;

			}

			.childpost1b {

				border: 1px solid #dadada;

				background-color: #FFFFFF;

			}

			.childpost1b .column1 {

				display: inline-block;

							*display: inline;

							*zoom: 1;

							margin: 10px 2%;

							vertical-align: top;

							width: 96%;

						}

						.childpost1b .column2_30 {

							display: inline-block;

										*display: inline;

										*zoom: 1;

										margin: 10px 0 10px 6px;

										width: 29%;

										vertical-align: top;

									}

									.childpost1b .column2_30 img {

										max-width: 95.5%;

										height: auto;

										vertical-align: bottom;

									}

									.childpost1b .column2_70 {

										display: inline-block;

													*display: inline;

													*zoom: 1;

													margin: 10px 2px 5px 0;

													width: 67.8%;

													vertical-align: top;

												}

												.childText {

													font-size: 90%;

												}

												.thumbImageInner {

													text-align: center;

												}

												.morelink {

													margin: 0 0 0 0;

													height: auto;

													display: block;

													text-align: right;

												}

												.morelink a {

													margin-top: 15px;

													color: #333;

													display: block;

													position: relative;

													text-decoration: none;

													text-align: center;

													padding: 5px 15px 5px 15px;

													font-size: 11px;

													border: 1px solid #000000;

												}

												.morelink a:after {

													display: block;

													content: "";

													position: absolute;

													top: 50%;

													right: 10px;

													width: 0;

													height: 0;

													margin: -3px 0 0 0;

													border-top: 8px solid #515151;

													border-left: 8px solid transparent;

													-webkit-transform: rotate(45deg);

													transform: rotate(45deg);

												}

												.morelink a:hover {

													color: #fff;

													text-decoration: none !important;

													background: #111111;

													transition: all 0.3s ease 0s

												}

												/* 見出しデザイン

												------------------------------------------------------------*/

.ctitle {

	position: relative;

	color: #111;

	line-height: 1;

	/*margin: 0px 0 10px -17px;*/

	margin: 0 0 5px 0;

	padding: 10px 5px 10px 10px;

	font-size: 100%;

	color: #ffffff;

	zoom: 1;

}

.ctitle {

	background: #2A588B;

	background: -moz-linear-gradient(top, #2A588B 0%, #324B68 100%);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2A588B), color-stop(100%, #324B68));

	background: -webkit-linear-gradient(top, #2A588B 0%, #324B68 100%);

	background: -o-linear-gradient(top, #2A588B 0%, #324B68 100%);

	background: -ms-linear-gradient(top, #2A588B 0%, #324B68 100%);

	background: linear-gradient(to bottom, #2A588B 0%, #324B68 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2A588B', endColorstr='#324B68', GradientType=0 );

	box-shadow: 0 1px 2px #2A2A2A;

	behavior: url(PIE.htc);

}

.ctitle a {

	color: #FFFFFF;

}

.ctitle2 {

	clear: both;

	background: none repeat scroll 0 0 #f9fafb;

	border: 1px solid #dbdcdc;

	border-radius: 3px;

	color: #333;

	font-size: 105%;

	line-height: 1.2;

	margin-bottom: 10px;

	padding: 8px 10px 5px 17px;

	position: relative;

}

.ctitle2:after {

	content: ".";

	display: block;

	height: 0;

	visibility: hidden;

}

.ctitle2:before {

	background: none repeat scroll 0 0 #2A588B;

	content: "";

	display: block;

	height: 17px;

	left: 7px;

	position: absolute;

	top: 8px;

	width: 5px;

}

.ctitle2 a {

	color: #333;

}

.ctitle3 {

	clear: both;

	border-top: 2px solid #2A588B;

	border-bottom: 1px solid #CCCCCC;

	color: #333;

	font-size: 105%;

	line-height: 1.2;

	margin-bottom: 10px;

	padding: 8px 10px 8px 17px;

	position: relative;

}

.ctitle3:after {

	content: ".";

	display: block;

	height: 0;

	visibility: hidden;

}

.ctitle3:before {

	background: none repeat scroll 0 0 #2A588B;

	content: "";

	display: block;

	height: 22px;

	left: 7px;

	position: absolute;

	top: 6px;

	width: 4px;

}

.ctitle3 a {

	color: #333;

}

.ctitle4 {

	clear: both;

	border-bottom: 2px dotted #324B68;

	color: #333;

	font-size: 105%;

	line-height: 1.2;

	margin-bottom: 10px;

	padding: 8px 10px 8px 17px;

	position: relative;

}

.ctitle4:after {

	content: ".";

	display: block;

	height: 0;

	visibility: hidden;

}

.ctitle4:before {

	background: none repeat scroll 0 0 #324B68;

	background: -moz-linear-gradient(top, #2A588B 0%, #324B68 100%);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2A588B), color-stop(100%, #324B68));

	background: -webkit-linear-gradient(top, #2A588B 0%, #324B68 100%);

	background: -o-linear-gradient(top, #2A588B 0%, #324B68 100%);

	background: -ms-linear-gradient(top, #2A588B 0%, #324B68 100%);

	background: linear-gradient(to bottom, #2A588B 0%, #324B68 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2A588B', endColorstr='#324B68', GradientType=0 );

	content: "";

	display: block;

	width: 13px;

	height: 13px;

	border-radius: 50%;

	-webkit-border-radius: 50%;/* 50%でもOK */

	-moz-border-radius: 50%;

	top: 10px;

	left: 1px;

	position: absolute;

}

.ctitle4 a {

	color: #333;

}

.ctitle5 {

	position: relative;

	padding: 1px 15px 3px 30px;

	font-weight: bold;

}

.ctitle5::before {

	left: 11px;

	top: -6px;

	position: absolute;

	content: "";

	height: 27px;

	border-bottom: 0.7em solid transparent;

	border-right: 1em solid #B90004;

}

.ctitle5::after {

	left: -2px;

	top: -6px;

	position: absolute;

	content: "";

	height: 27px;

	border-bottom: 0.7em solid transparent;

	border-left: 1em solid #A90004;

}

.ctitle5 a {

	color: #111;

}

.ctitle6 {

	position: relative;

	line-height: 1;

	margin: 0 0 5px 0;

	padding: 10px 5px 10px 10px;

	font-size: 100%;

	zoom: 1;

	background: url(images/patterns_bl.png) repeat;

	border: 1px solid #cccccc;

}

.ctitle6 a {

	color: #111;

}

.ctitle7 {

	border-radius: 6px;

	position: relative;

	color: #111;

	line-height: 1;

	margin: 0 0 5px 0;

	padding: 10px 5px 10px 10px;

	font-size: 100%;

	color: #ffffff;

	zoom: 1;

	background: url(images/patterns_wh.png) repeat, -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #2A588B), color-stop(0.00, #324B68));

	background: url(images/patterns_wh.png) repeat, -webkit-linear-gradient(#2A588B, #324B68);

	background: url(images/patterns_wh.png) repeat, -moz-linear-gradient(#2A588B, #324B68);

	background: url(images/patterns_wh.png) repeat, -o-linear-gradient(#2A588B, #324B68);

	background: url(images/patterns_wh.png) repeat, -ms-linear-gradient(#2A588B, #324B68);

	background: url(images/patterns_wh.png) repeat, linear-gradient(#2A588B, #324B68);

}

.ctitle7 a {

	color: #FFFFFF;

}

/*------------------------------------------------------------

Huck（プラグイン・コア）用CSS

------------------------------------------------------------*/

/*css_browser_selector.js*/

.bgfix { background-attachment:fixed !important;}

.ipod .bgfix { background-attachment:scroll !important; }

.iphone .bgfix { background-attachment:scroll !important; }

.ipad .bgfix { background-attachment:scroll !important; }



/* Contact form 7用

------------------------------------------------------------*/

.rad-text {

	border-radius: 4px;        /* CSS3草案 */

	-webkit-border-radius: 4px;    /* Safari,Google Chrome用 */

	-moz-border-radius: 4px;   /* Firefox用 */

	width: 80%;

	height: 25px;

}

.rad-area {

	border-radius: 4px;        /* CSS3草案 */

	-webkit-border-radius: 4px;    /* Safari,Google Chrome用 */

	-moz-border-radius: 4px;   /* Firefox用 */

	width: 80%;

	height: 90%;

}

.rad-sub {

	border-radius: 4px;        /* CSS3草案 */

	-webkit-border-radius: 4px;    /* Safari,Google Chrome用 */

	-moz-border-radius: 4px;   /* Firefox用 */

	width: 25%;

	height: 35px;

	background-color: #eee;

}

.wpcf7-form .wpcf7-textarea {

	max-width: 100%;

}

input[type="text"].wpcf7-captchar {

	width: 30%;

}

@media only screen and (max-width: 640px) {

	.wpcf7-form .wpcf7-textarea {

		width: 80%;

	}

}

.wpcf7-form label:hover {

	cursor: pointer;

}

/* Biz calender用css

------------------------------------------------------------*/

#biz_calendar table.bizcal .holiday {

	background-color: #FFACDD!important;

}

#biz_calendar p span.boxholiday {

	background-color: #FFACDD!important;

}

#biz_calendar table.bizcal .eventday {

	background-color: #FFCD92!important;

}

#biz_calendar p span.boxeventday {

	background-color: #FFCD92!important;

}

/* MapPress用

------------------------------------------------------------*/

.mapp-canvas img {

	border: none!important;

} /* MapPress枠内線を入れない */



/* GoogleMapEasy用

------------------------------------------------------------*/

.gmp_map_opts img {

	border: 0px !important;

}



/* Google直接埋込・レスポンシブ調整用

------------------------------------------------------------*/

.googlemap {

	position: relative;

	padding-bottom: 56.25%;

	padding-top: 30px;

	height: 0;

	overflow: hidden;

}

.googlemap iframe,

.googlemap object,

.googlemap embed {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}



/* jQuery Colorbox用

------------------------------------------------------------*/

#cboxLoadedContent img {

	width: 600px;

	height: auto;

}/* 画像サイズが大きくても閲覧しやすいように */

/* MTS用css

------------------------------------------------------------*/

.calendar-mark {

	font-size: 14px!important;

}

.mix-calendar th, .timetable-calendar th, .multiple-calendar th, .monthly-calendar th {

	text-align: center!important;

}

.day-number, .calendar-mark, .schedule-note, .day-left, .day-right {

	text-align: center!important;

}

/* WP-Canvas用

------------------------------------------------------------*/

.wc-shortcodes-column img {

	border: none!important;/* 画像枠線無 */

	padding: 0!important;

}

.wc-shortcodes-tabs ul.wcs-tabs-nav li {

	border-bottom: none;

}

/* Scroll Top用

------------------------------------------------------------*/

#scrollUp {

	visibility: visible !important;

}

/*galleryのサイズ合わせ

------------------------------------------------------------*/

.gallery-columns-1 .gallery-item {

	width: 95%;

}

.gallery-columns-1 .gallery-item img {

	max-width: 98.5%;

}

.gallery-columns-2 .gallery-item {

	width: 45%;

}

.gallery-columns-2 .gallery-item img {

	max-width: 95.5%;

}

.gallery-columns-3 .gallery-item {

	width: 33.3%!important;

}

.gallery-columns-3 .gallery-item img {

	max-width: 92%;

}

.gallery-columns-4 .gallery-item {

	width: 22.5%;

}

.gallery-columns-4 .gallery-item img {

	max-width: 88%;

}

.gallery-columns-5 .gallery-item {

	width: 18%;

}

.gallery-columns-5 .gallery-item img {

	max-width: 85%;

}

.gallery-caption {

	margin:0 auto !important;

	max-width:85%;

}

/* 検索バーの左に表示されるテキストの検索を消す

------------------------------------------------------------*/

.screen-reader-text {

	display: none;

}

/* clearfix

------------------------------------------------------------*/

.clearfix:after {

	content: ".";  /* 新しい要素を作る */

	display: block;  /* ブロックレベル要素に */

	clear: both;

	height: 0;

	visibility: hidden;

}

.clearfix {

	min-height: 1px;

}

/*------------------------------------------------------------

投稿記事

------------------------------------------------------------*/

.post_img img {

	float: left;

	width: 100%;

	height: auto;

	border: 1px solid #ddd;

	padding: 5px;

	vertical-align: bottom;

}

.post .post_img {

	width: 33%;

	margin: 0;

	padding: 0;

	float: left;

}

.post_text {

	width: 94%;

	margin: 0 auto;

}

.post_text70 {

	width: 63.5%;

	float: right;

}

.post li {

	border-bottom: 1px dotted #DDDDDD;

	line-height: 1.6em;

	margin: 0 0 1em 0;

	padding: 0;

}

.post .time {

	padding: 0;

	font-size: 90%;

	clear: both;

	color: #FFFFFF;

	background-color: #2A588B;

	border-radius: 3px;

	display: inline;

	padding: 1px 6px;

	margin-bottom: 5px;

}

.post .time a {

	color: #fff;

}

.post .post_text h3 {

	background: none;

	margin: 0.2em;

}

.postlist {

	background-color: #ffffff;

	border: 1px solid #d5d5d5;

	margin-bottom: 20px;

	clear: both;

}

.postlist li {

	border-bottom: 1px dotted #DDDDDD;

	line-height: 1.6em;

	margin: 1em 0;

	padding: 0;

}

.postlist .post_text {

	width: 96%;

	margin: 0 auto 10px auto;

}

.postlist .time {

	padding: 0;

	font-size: 90%;

	clear: both;

	color: #FFFFFF;

	background-color: #2A588B;

	border-radius: 3px;

	display: inline;

	padding: 1px 6px;

	margin-bottom: 5px;

}

.postlist .time a {

	color: #fff;

}

.postlist .date {

	padding: 0;

	font-size: 90%;

	clear: both;

	display: inline;

	padding: 1px 6px;

	margin-bottom: 5px;

}

.postlist .date a {

}

.postlist .ttls {

	padding: 0;

	font-size: 90%;

	clear: both;

	display: inline;

	padding: 1px 6px;

	margin-bottom: 5px;

}

.postlist .ttls a {

}

.postlist .post_text h3 {

	background: none;

	margin: 0.2em;

}

.post_link {

	float: right;

	clear: both;

	margin: 10px 0;

}

li .post_contents {

	clear: both;

	margin-bottom: 0.5em;

	padding: 5px 0 0 0;

}

/*--------------------------------------------

ソーシャルボタン

--------------------------------------------*/

#social {

	display: inline-block;

	float: left;

	margin-bottom: 10px;

}

#twitter, #hatena, .fb-like {

	display: block;

	float: left;

}

.share-btn {

	border: 1px dashed #ccc;

	height: 21px;

	padding: 10px 0 10px 10px;

	width: 250px;

	margin-bottom: 6px;

}

.share-btn4b {

	padding: 1% 0;

}

.twitter-share-button {

	margin-left: 4px;

	width: 81px !important;

}

.fb_ltr {

	max-width: none !important;

}

.fb_iframe_widget {

	width: auto !important;

	display: inline-block !important;

	margin: -3px 0 0 3px !important;

}

.share-btn4b .fb_iframe_widget {

	margin: -1px 0 0 3px !important;

}

/*------------------------------------------------------------

投稿記事/sidebar有/投稿2ブロック

------------------------------------------------------------*/

.post2b {

	padding-top: 1.5%;

	background-color: #FFFFFF;

	border: 1px solid #dadada;

	margin-bottom: 20px;

	clear: both;

}

.post2b img {

	max-width: 97.3%;

	height: auto;

	border: 1px solid #CCCCCC !important;

	padding: 4px;

	vertical-align: bottom;

}

.post2b li {

	margin: 0 0 2% 4%;

	padding: 0 0 0 0;

	border-bottom: 1px dashed #CCCCCC !important;

	font-size: 93%;

	line-height: 1.6em;

	display: inline-block;

	/display:inline;

	/zoom:1;

	width: 43.8%;

	vertical-align: top;

}

.post2b_img img {

}

.post2b .post2b_img {

}

.post2b_text {

	width: 100%;

	margin: 0 auto;

}

.post2b_text70 {

}

.post2b h2 {

	clear: both;

	background-color: #f9fafb;

	border: 1px solid #dbdcdc;

	border-radius: 3px;

	color: #333;

	font-size: 114.3%;

	line-height: 1.25;

	margin-bottom: 10px;

	padding: 8px 5px 8px 10px;

	position: relative;

	font-size: 114.3%;

}

.post2b h2:after {

	content: ".";

	display: block;

	height: 0;

	visibility: hidden;

}

.post2b h2:before {

	background: none repeat scroll 0 0 #2a588b;

	content: "";

	display: block;

	height: 17px;

	left: -1px;

	position: absolute;

	top: 8px;

	width: 5px;

}

.post2b .time {

	font-size: 12px;

	clear: both;

	color: #FFFFFF;

	background-color: #2A588B;

	border-radius: 3px;

	padding: 2px 6px 0px 6px;

	margin-bottom: 5px;

}

.post2b .time a {

	color: #fff;

}

.post2b .post2b_text h3 {

	background: none;

	margin: 0.2em;

}

.post2b_link {

	float: right;

	clear: both;

	margin: 10px 0;

	font-size: 93%;

}

li .post2b_contents {

	clear: both;

	margin-bottom: 0.5em;

	padding: 0;

}

/*------------------------------------------------------------

投稿記事/sidebar無/投稿4ブロック

------------------------------------------------------------*/

.post4b {

	padding-top: 1.5%;

	background-color: #FFFFFF;

	border: 1px solid #dadada;

	margin-bottom: 20px;

	clear: both;

}

.post4b img {

	max-width: 99%;

	height: auto;

	border: 1px solid #CCCCCC !important;

	vertical-align: bottom;

}

.post4b li {

	margin: 0 0 2% 1.2%;

	padding: 0 0 0 0;

	border-bottom: 1px dashed #CCCCCC !important;

	font-size: 93%;

	line-height: 1.6em;

	display: inline-block;

	/display:inline;

	/zoom:1;

	width: 23%;

	vertical-align: top;

}

.post4b_img img {

}

.post4b .post4b_img {

}

.post4b_text {

	width: 100%;

	margin: 0 auto;

}

.post4b_text70 {

}

.post4b h2 {

	clear: both;

	background-color: #f9fafb;

	border: 1px solid #dbdcdc;

	border-radius: 3px;

	color: #333;

	font-size: 100%;

	line-height: 1.25;

	margin-bottom: 10px;

	padding: 8px 5px 8px 10px;

	position: relative;

}

.post4b h2:after {

	content: ".";

	display: block;

	height: 0;

	visibility: hidden;

}

.post4b h2:before {

	background: none repeat scroll 0 0 #2a588b;

	content: "";

	display: block;

	height: 17px;

	left: -1px;

	position: absolute;

	top: 6px;

	width: 5px;

}

.post4b .time {

	font-size: 11px;

	clear: both;

	color: #FFFFFF;

	background-color: #2A588B;

	border-radius: 3px;

	padding: 2px 6px 0px 6px;

	margin-bottom: 5px;

}

.post4b .time a {

	color: #fff;

}

.post4b .post4b_text h3 {

	background: none;

	margin: 0.2em;

}

.post4b_link {

	float: right;

	clear: both;

	margin: 10px 0;

	font-size: 93%;

}

li .post4b_contents {

	clear: both;

	margin-bottom: 0.5em;

	padding: 0;

}

h2.top-loop,

h2.bottom-loop,

h2.cat-loop{

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}



/*----------------------------------------------------------------------------------------------------

PC用：メインメニュー + 検索ボックス

----------------------------------------------------------------------------------------------------*/

@media print, screen and (min-width: 1024px) {

	nav#mainNav {

		clear: both;

		position: relative;

		z-index: 200;

		background: #2a588b;

	}

	nav#mainNav ul li {

		float: left;

		position: relative;

		border-right: 1px solid #324B68;

	}

	nav#mainNav ul li:first-child {

		border-left: 1px solid #324B68;

	}

	nav#mainNav ul li a {

		display: block;

		text-align: center;

		color: #fff;

		padding: 15px 35px;

	}

	nav#mainNav ul li a span, nav#mainNav ul li a b {

		display: block;

		line-height: 1.3;

	}

	nav#mainNav ul li a span {

		font-size: 75%;

		color: #799DC5;

	}

	nav div.panel {

		display: block !important;

		float: left;

	}

	a#menu {

		display: none;

	}

	nav#mainNav ul li.current-menu-item a, nav#mainNav ul li a:hover, nav#mainNav ul li a:active, nav#mainNav ul li.current-menu-parent a {

		background: #324B68;

	}

	nav#mainNav ul ul {

		width: 200px;

	}

	nav#mainNav ul li ul {

		display: none;

	}

	nav#mainNav ul li:hover ul {

		display: block;

		position: absolute;

		top: 100%;

		left: 0;

		z-index: 500;

	}

	nav#mainNav ul li li {

		margin: 0;

		float: none;

		background: #324B68;

		border: 0;

		border-bottom: 1px solid #324B68;

	}

	nav#mainNav ul li li:first-child {

		border-left: 0;

	}

	nav#mainNav ul li li a {

		width: 100%;

		padding: 0;

		font-size: 95%;

		text-align: left;

	}

	nav#mainNav ul li li a span {

		padding: 0 10px;

	}

	nav#mainNav ul li li a:hover, nav#mainNav ul li li.current-menu-item a {

		color: #327cab;

	}

	nav#mainNav ul li:hover ul li:last-child {

		border: 0;

	}

	/* PC wrapper背景白＆余白 */

	#wrapper {

		overflow:hidden;

		padding:0 10px;

	}

	/*----------------------------

	04孫メニューCSS

	-------------------------*/

nav#mainNav ul li ul {

	display: none;

}

nav#mainNav ul li:hover ul li ul{

	display: none;

}

nav#mainNav ul li ul li:hover ul{

	display: block;

	position: absolute;

	top: 0;

	left: 100%;

	z-index: 500;

}

nav#mainNav ul li ul.sub-menu li a,

nav#mainNav ul li ul.sub-menu li a:hover,

nav#mainNav ul li.current-menu-item ul.sub-menu li a,

nav#mainNav ul li ul.sub-menu li.current-menu-item a{

	width: auto;

	height: auto;

	padding: 13px 15px;

}



/*----------------------------

04ひ孫メニューCSS

-------------------------*/

nav#mainNav ul li ul li ul {

	display: none;

}

nav#mainNav ul li ul li:hover ul li ul{

	display: none;

}

nav#mainNav ul li ul li ul li:hover ul{

	display: block;

	position: absolute;

	top: 0;

	left: 100%;

	z-index: 500;

}



}



/*----------------------------------------------------------------------------------------------------

iPadサイズ以下から：メインメニュー + 検索ボックス

----------------------------------------------------------------------------------------------------*/

@media only screen and (max-width:1023px) {

	body nav#mainNav {

		height: auto;

	}

	#content.wide {

		width: 96%;

	}

	nav#mainNav {

		clear: both;

		width: 100%;

		margin: 0 auto;

		padding: 10px 0;

	}

	nav#mainNav .inner {

		width: 98%;

	}

	nav#mainNav a.menu {

		width: 100%;

		display: block;

		height: 40px;

		line-height: 40px;

		font-weight: bold;

		text-align: left;

		color: #fff;

		border: 1px solid #2a588b;

		background: #2a588b url(images/menuOpen.png) no-repeat 5px 10px;

	}

	nav#mainNav a#menu span {

		padding-left: 35px;

	}

	nav#mainNav a.menuOpen {

		border-bottom: 0;

		color: #2a588b;

		background: #fff url(images/menuOpen.png) no-repeat 5px -32px;

	}

	nav#mainNav a#menu:hover {

		cursor: pointer;

	}

	nav .panel {

		display: none;

		width: 100%;

		position: relative;

		right: 0;

		top: 0;

		z-index: 1;

		border: 1px solid #515151;

	}

	nav#mainNav ul {

		margin: 0;

		padding: 0;

	}

	nav#mainNav ul li {

		float: none;

		clear: both;

		width: 100%;

		height: auto;

		line-height: 1.2;

	}

	nav#mainNav ul li a, nav#mainNav ul li.current-menu-item li a {

		display: block;

		padding: 15px 10px;

		text-align: left;

		color: #fff;

		border-bottom: 1px solid #324B68;

		background: #2a588b;

	}

	nav#mainNav ul li a span {

		display: none;

	}

	nav#mainNav ul li.current-menu-item a, nav#mainNav ul li a:hover, nav#mainNav ul li.current-menu-item a, nav#mainNav ul li a:active, nav#mainNav ul li li.current-menu-item a, nav#mainNav ul li.current-menu-item li a:hover, nav#mainNav ul li.current-menu-item li a:active {

		color: #327cab;

		background: #324B68;

	}

	nav#mainNav ul li li {

		float: left;

		border: 0;

	}

	nav#mainNav ul li li a,

	nav#mainNav ul li.current-menu-item li a,

	nav#mainNav ul li li.current-menu-item a {

		padding-left: 25px;

		background: #2a588b url(images/sub1.png) no-repeat 15px 50%;

	}

	nav#mainNav ul li li.current-menu-item a,

	nav#mainNav ul li li a:hover,

	nav#mainNav ul li.current-menu-item li a:hover {

		background: #324B68 url(images/sub1.png) no-repeat 15px 50%;

	}

	nav#mainNav ul li li:last-child a {

		background: #2a588b url(images/subLast.png) no-repeat 15px 50%;

	}

	nav#mainNav ul li li:last-child.current-menu-item a,

	nav#mainNav ul li li:last-child a:hover,

	nav#mainNav ul li.current-menu-item li:last-child a:hover {

		background: #324B68 url(images/subLast.png) no-repeat 15px 50%;

	}

	nav#mainNav ul li li li a,

	nav#mainNav ul li.current-menu-item li li a,

	nav#mainNav ul li li.current-menu-item li a,

	nav#mainNav ul li li li.current-menu-item a{

		padding-left: 40px;

		background: #2a588b url(images/sub1.png) no-repeat 30px 50%;

	}

	nav#mainNav ul li li li a:hover,

	nav#mainNav ul li.current-menu-item li li a:hover,

	nav#mainNav ul li li.current-menu-item li a:hover,

	nav#mainNav ul li li li.current-menu-item a:hover{

		padding-left: 40px;

		background: #324B68 url(images/sub1.png) no-repeat 30px 50%;

	}

	nav#mainNav ul li li li:last-child a {

		background: #2a588b url(images/subLast.png) no-repeat 30px 50%;

	}

	nav#mainNav ul li:last-child.current-menu-item li li a,

	nav#mainNav ul li li:last-child.current-menu-item li a,

	nav#mainNav ul li li li:last-child.current-menu-item a,

	nav#mainNav ul li li li:last-child a:hover,

	nav#mainNav ul li li.current-menu-item li:last-child a:hover,

	nav#mainNav ul li.current-menu-item li li:last-child a:hover{

		background: #324B68 url(images/subLast.png) no-repeat 30px 50%;

	}



	nav#mainNav ul li li li li a,

	nav#mainNav ul li.current-menu-item li li li a,

	nav#mainNav ul li li.current-menu-item li li a,

	nav#mainNav ul li li li.current-menu-item li a,

	nav#mainNav ul li li li li.current-menu-item a{

		padding-left: 55px;

		background: #2a588b url(images/sub1.png) no-repeat 45px 50%;

	}

	nav#mainNav ul li li li li a:hover,

	nav#mainNav ul li.current-menu-item li li li a:hover,

	nav#mainNav ul li li.current-menu-item li li a:hover,

	nav#mainNav ul li li li.current-menu-item li a:hover,

	nav#mainNav ul li li li li.current-menu-item a:hover{

		padding-left: 55px;

		background: #324B68 url(images/sub1.png) no-repeat 45px 50%;

	}

	nav#mainNav ul li li li li:last-child a {

		background: #2a588b url(images/subLast.png) no-repeat 45px 50%;

	}

	nav#mainNav ul li:last-child.current-menu-item li li li a,

	nav#mainNav ul li li:last-child.current-menu-item li li a,

	nav#mainNav ul li li li:last-child.current-menu-item li a,

	nav#mainNav ul li li li li:last-child.current-menu-item a,

	nav#mainNav ul li li li li:last-child a:hover,

	nav#mainNav ul li li li.current-menu-item li:last-child a:hover,

	nav#mainNav ul li li.current-menu-item li li:last-child a:hover,

	nav#mainNav ul li.current-menu-item li li li:last-child a:hover{

		background: #324B68 url(images/subLast.png) no-repeat 45px 50%;

	}

	nav div.panel {

		float: none;

	}

	#mainImg {

		margin-bottom: 5px;

	}

}



/*----------------------------------------------------------------------------------------------------

　959px以下から 1カラム表示

----------------------------------------------------------------------------------------------------*/

@media only screen and (max-width: 959px) {

	#wrapper {

		width: 100%;

	}

	#header .inner {

		width: 100%;

	}

	.bg .inner {

		width: 100%;

	}

	#mainNav .inner {

		width: 100%;

	}

	#footer .inner {

		width: 100%;

	}

	body.right-sidebar #wrapper #sidebar {

		float: none;

	}

	body.right-sidebar #wrapper #content {

		float: none;

	}

	#header h1, #header p, #header .description {

		padding: 5px 10px;

	}

	#header h2 {

		padding: 20px 10px 0;

	}

	#header ul {

		padding: 20px 10px 10px;

	}

	nav#mainNav ul, .c1thumbWrap {

		margin: 0 auto;

	}

	nav#mainNav ul, .c2thumbWrap {

		margin: 0 auto;

	}

	nav#mainNav ul, .c3thumbWrap {

		margin: 0 auto;

	}

	nav#mainNav ul ul {

		padding: 0;

	}

	nav div.panel {

		float: none;

	}

	#mainImg img {

		width: 98%;

		height: auto;

	}

	#content, #sidebar {

		clear: both;

		width: 95%;

		float: none;

		margin: 0 auto;

		padding: 10px 0;

	}

	#banners {

		width: 100%;

		margin: 0 auto;

		text-align: center;

	}

	#banners p {

		display: inline;

		margin: 0 10px;

	}

	#banners p img {

		width: 100%;

		height: auto;

	}

	section.widget_search {

		text-align: center;

		clear: both;

	}

	#footer {

		margin: 0;

		border: 0;

		text-align: center;

	}

	#footer ul {

		text-align: center;

	}

	#footer ul li {

		margin-right: 20px;

	}

	.post .column2_50 {

		text-align: center;

	}

	/*------------------------------------------------------------

	投稿記事/sidebar無/投稿4ブロック

	------------------------------------------------------------*/

.post4b li {

	width: 31.4%;

}

.post4b .post4b_img {

	text-align: center;

}

/*jQuery Colorbox-------------------------------------------------------------------*/

#cboxLoadedContent img {

	width: 420px;

	height: auto;

} /* 画像サイズが大きくても閲覧しやすいように */

}



/*----------------------------------------------------------------------------------------------------

　幅799px以下から  （トップページの３画像調節など）

----------------------------------------------------------------------------------------------------*/

@media only screen and (max-width: 799px) {

	.contact {

		padding: 0px 15px 0px 0;

	}

	#header .contact .mail {

		margin: 0;

	}

	#header .logo {

		padding: 0px 0px 0px 15px;

	}

	.c1thumbWrap {

		width: 100%;

		margin: 0 auto;

		text-align: center;

	}

	.c1thumbWrap ul.thumb li {

		width: 100%;

		display: inline;

		margin: 0 0;

	}

	.c1thumbWrap img {

		width: 100%;

		height: auto;

		vertical-align: bottom;

	}

	.c2thumbWrap {

		width: 100%;

		margin: 0 auto;

		text-align: center;

	}

	.c2thumbWrap ul.thumb li {

		width: 48.5%;

		display: inline;

		margin: 0 3% 0 0;

	}

	.c2thumbWrap ul.thumb li:last-child {

		margin: 0;

	}

	.c2thumbWrap img {

		width: 100%;

		height: auto;

		vertical-align: bottom;

	}

	.c3thumbWrap {

		width: 100%;

		margin: 0 auto;

		text-align: center;

	}

	.c3thumbWrap ul.thumb li {

		width: 31.3%;

		display: inline;

		margin: 0 3% 0 0;

	}

	.c3thumbWrap ul.thumb li:last-child {

		margin: 0;

	}

	.c3thumbWrap img {

		width: 100%;

		height: auto;

	}

	/*.wide ul.thumb {

	margin: 0 -3% 1% 0;

	}*/

.wide .thumbWrap, .c1thumbWrap {

	width: 100%;

	margin: 0 auto;

	text-align: center;

}

.wide .c1thumbWrap ul.thumb li {

	width: 100%;

	margin: 0 0 2% 0;

}

.wide .c1thumbWrap ul.thumb li img {

	max-width: 100%;

}

.wide .c1thumbWrap img {

	width: 100%;

	height: auto;

}

.wide .thumbWrap, .c2thumbWrap {

	width: 100%;

	margin: 0 auto;

	text-align: center;

}

.wide .c2thumbWrap ul.thumb li {

	margin: 0 0 2% 0;

}

.wide .c2thumbWrap ul.thumb li:last-child {

	margin: 0;

}

.wide .c2thumbWrap img {

	width: 100%;

	height: auto;

}

.wide .thumbWrap, .c3thumbWrap {

	width: 100%;

	margin: 0 auto;

	text-align: center;

}

.wide .c3thumbWrap ul.thumb li {

	width: 31.3%;

	margin: 0 0 2% 0;

}

.wide .c3thumbWrap ul.thumb li:last-child {

	margin: 0;

}

.wide .c3thumbWrap img {

	width: 100%;

	height: auto;

}

/*sidebar有投稿2ブロック：投稿アーカイブ--------------------------------------------*/

.post2b li {

	width: 97%;

	margin: 0 0.5% 2% 1.4%;

	padding: 0 0 0 0;

	border-bottom: 1px dashed #CCCCCC !important;

	font-size: 93%;

	line-height: 1.6em;

}

.post2b_text70 {

	width: 66%;

	float: right;

}

.post2b .post2b_img {

	width: 31%;

	margin: 0;

	padding: 0;

	float: left;

}

/*sidebar無投稿4ブロック：投稿アーカイブ--------------------------------------------*/

.post4b li {

	width: 97%;

	margin: 0 0.5% 2% 1.4%;

	padding: 0 0 0 0;

	border-bottom: 1px dashed #CCCCCC !important;

	font-size: 93%;

	line-height: 1.6em;

}

.post4b_text70 {

	width: 66%;

	float: right;

}

.post4b .post4b_img {

	width: 31%;

	margin: 0;

	padding: 0;

	float: left;

}

/*jQuery Colorbox-------------------------------------------------------------------*/

#cboxLoadedContent img {

	width: 350px;

	height: auto;

}

/* galleryサイズ調整　4～5カラムのギャラリーを3カラムに */

.gallery { width: 100%; }



.gallery-columns-4 .gallery-item, .gallery-columns-5 .gallery-item {

	width: 33.3% !important;

	float: none !important;

	margin: 0 auto;

	display: inline-block;

	vertical-align: top;

}

.gallery-columns-4 .gallery-item img, .gallery-columns-5 .gallery-item img {

	max-width: 92%;

}

.post .column2_50 {

	text-align: center;

}

}



/*----------------------------------------------------------------------------------------------------

　幅750px以下から（header調節）

----------------------------------------------------------------------------------------------------*/

@media only screen and (max-width: 750px) {

	#header {

		text-align: center;

	}

	#header .contact .mail {

		margin: 0 auto;

		display: inherit;

		text-align: center;

	}

	#header h2, #header ul {

		float: none;

	}

	#header h1, #header p, #header .description {

		float: none;

		text-align: center;

	}

	#headerInfo {

		margin: 0 auto;

	}

	#header .add {

		font-size: 100%!important;

	}

	#header .logo {

		float: none;

		text-align: center;

		margin: 15px 0 0 0;

	}

	#header .contact, #header .contact p {

		float: none;

		margin: 0 auto;

		text-align: center;

		padding: 0;

		font-size: 93%;

		margin-bottom: 10px;

	}

	.childpost .column2_50 {

		display: inline-block;

		width: 97.7%;

	}

	.childpost1b .column2_30 {

		display: inline-block;

		width: 100%;

		margin: 6px auto 0 auto;

	}

	.childpost1b .column2_70 {

		display: inline-block;

		width: 96%;

		margin: 0 2% 5px 2%;

	}

}



/*----------------------------------------------------------------------------------------------------

　幅640px以下から  （トップページの３画像調節など）

----------------------------------------------------------------------------------------------------*/

@media only screen and (max-width: 640px) {

	.post img.alignright, .post img.alignleft {

		display: block;

		float: none;

		margin: 5px auto;

	}

	.alignright, .alignleft {

		float: none;

	}

	#footer ul {

		text-align: left;

		padding: 15px;

	}

	#footer ul ul {

		padding: 0;

	}

	.c1thumbWrap ul.thumb li {

		padding: 0;

	}

	.c2thumbWrap ul.thumb li {

		padding: 0;

	}

	.c3thumbWrap ul.thumb li {

		padding: 0;

	}

	#header .contact {

		padding: 0 10px;

		margin: 0 auto;

		width: 280px;

		display:block;

	}

	#header .contact .float {

		float: none;

	}

	#headerInfo .float {

		float: none;

		margin: 0 auto;

		text-align: center;

	}

	body #header .logo, .contact {

		display: inherit;

	}

	#header .logo {

		padding: 0px;

	}

	#header .logo img {

		max-width: 90%;

		height: auto;

	}

	#header-layout {

		padding: 0;

	}

	.gallery-item img {

		width: auto;

		max-width: 85%;

		height: auto;

	}

	#content .post_img img {

		float: none;

		width: auto;

		max-width: 96%;

	}

	#content .post_img {

		max-width: 300px;

		width: auto;

		margin: 0 auto;

		float: none;

	}

	#content .post_text70 {

		width: 94%;

		margin: 0 auto;

		float: none;

	}

	#content #social {

		float: none;

	}

	.post .column2_50 {

		display: inline-block;

		margin: 5px 0;

		width: 100%;

	}

	.post .column2_30 {

		display: inline-block;

		margin: 5px 0;

		width: 100%;

	}

	.post .column2_70 {

		display: inline-block;

		margin: 5px 0;

		width: 100%;

	}

	.post .column2_60 {

		display: inline-block;

		margin: 5px 0;

		width: 100%;

	}

	.post .column2_40 {

		display: inline-block;

		margin: 5px 0;

		width: 100%;

	}

	.post .column2_80 {

		display: inline-block;

		margin: 5px 0;

		width: 100%;

	}

	.post .column2_20 {

		display: inline-block;

		margin: 5px 0;

		width: 100%;

	}

	.post .column3_33 {

		display: inline-block;

		margin: 5px 0;

		width: 100%;

	}

	.post .column4_25 {

		display: inline-block;

		margin: 5px 0;

		width: 100%;

	}

	.post .column5_20 {

		display: inline-block;

		margin: 5px 0;

		width: 100%;

	}

	.postlist .ttls {

		display: table;

	}

	.post .container-rwd{

		display: inherit;

		display: -webkit-inherit;

	}

	/*sidebar無投稿4ブロック：投稿アーカイブ--------------------------------------------*/

	#content .post2b_img img {

		float: none;

		width: auto;

		max-width: 96%;

	}

	#content .post2b_img {

		max-width: 300px;

		width: auto;

		margin: 0 auto;

		float: none;

		padding-top: 2%

	}

	#content .post2b_text70 {

		width: 95%;

		margin: 0 auto;

		float: none;

	}

	/*sidebar無投稿4ブロック：投稿アーカイブ--------------------------------------------*/

	#content .post4b_img img {

		float: none;

		width: auto;

		max-width: 96%;

	}

	#content .post4b_img {

		max-width: 300px;

		width: auto;

		margin: 0 auto;

		float: none;

		padding-top: 2%

	}

	#content .post4b_text70 {

		width: 95%;

		margin: 0 auto;

		float: none;

	}

	#breadcrumb ul {

		width: auto;

		max-width: 98%;

	}

	#social {

		margin: 0 auto;

	}

	#banners p {

		margin: 0;

	}

	/*jQuery Colorbox-------------------------------------------------------------------*/

	#cboxLoadedContent img {

		width: 280px;

		height: auto;

	}

	/*galleryのサイズ合わせ------------------------------------------------------------*/

	/* 1～5カラムのギャラリーをすべて1カラムに */

	.gallery-columns-1 .gallery-item, .gallery-columns-2 .gallery-item, .gallery-columns-3 .gallery-item, .gallery-columns-4 .gallery-item, .gallery-columns-5 .gallery-item {

		width: 98% !important;

		margin: 0 auto;

	}

	.gallery-columns-1 .gallery-item img, .gallery-columns-2 .gallery-item img, .gallery-columns-3 .gallery-item img, .gallery-columns-4 .gallery-item img, .gallery-columns-5 .gallery-item img {

		max-width: 98%;

	}

	/*Contact form 7用-----------------------------------------------------------------*/

	.wpcf7-form .wpcf7-list-item {

		display: block;

		list-style-type: none!important;

		margin: 5px 0;

	}

	.wpcf7-form .wpcf7-date {

		width: 95% !important;

		display: block;

		margin: 5px 0;

	}

	.wpcf7-form .wpcf7-text {

		width: 100%;

		margin: 5px 0;

	}

	.wpcf7-form .wpcf7-textarea {

		width: 95%;

		min-height: 200px;

		margin: 5px 0;

	}

	.wpcf7-form .wpcf7-captchar {

		width: 100%;

	}

}

/*Frontbannerレスポンシブ時対処---------------------------------------------------*/

@media only screen and (max-width: 450px) {

	.sm-response {

		width: 100% !important;

	}

	.c2thumbWrap ul.thumb li.sm-response{

		margin:0;

		padding:0;

	}

	.c3thumbWrap ul.thumb li.sm-response{

		margin:0;

		padding:0;

	}

	.c2thumbWrap li.sm-response img{

		width:auto;

		max-width:100%;

		height:auto;

	}

	.c3thumbWrap li.sm-response img{

		width:auto;

		max-width:100%;

		height:auto;

	}

}



/* 問い合わせフォーム  ----------------------------------------------------------*/

.wpcf7-form {

	padding: 15px;

}

.wpcf7-form .must {

	background: #DC143C;

	font-weight: bold;

}

.wpcf7-form .option {

	background: #ccc;

	font-weight: bold;

}

.wpcf7-form .submit {

	text-align: center; 

}

.wpcf7-form input[type=submit] {

	font-size: 100%;

	padding: 6px 40px; 

}

.wpcf7-form input[type=submit]:hover {

	cursor: pointer; 

}

.wpcf7-form div.wpcf7-validation-errors {

	background: #fffde0;

}

.wpcf7-form .must,

.wpcf7-form .option{

	color: #fff;

	font-weight: bold;

	margin-left: 0.8em;

	font-size: 85%;

	padding: 0.2em 0.6em;

	float: right;

}

@media only screen and (max-width: 640px) {

	input[type="text"], input[type="tel"], input[type="email"], input[type="date"], input[type="url"], input[type="number"], select, textarea {

		height: 30px;

	}

	.wpcf7-form .wpcf7-text {

		width: 100% !important;

		box-sizing: border-box;

	}

	.wpcf7-form .wpcf7-textarea {

		width: 100% !important;

		max-width: 100%;

		height: 200px!important;

		box-sizing: border-box;

	}

	.wpcf7-form .must,.wpcf7-form .option{

		float: inherit;

	}

}



/* 問い合わせボタン ---------------------------------------------------*/

.linkBtn {

	padding: 0.5em 2.5em 0.5em 2.5em;

	background: #001441;

	position: relative;

	color: #fff;

	border-radius: 5px;

	line-height: 1.8;

	transition: all .3s;

	text-align: center;

	margin-bottom: 20px;

	display:inline-block;

}

.linkBtn a{

	color: #fff;

}

.linkBtn input[type="submit"]{

	background: none;

	padding: inherit;

}

.linkBtn::after {

	display: block;

	content: '';

	position: absolute;

	top: 50%;

	right: 1em;

	width: 6px;

	height: 6px;

	border-right: 1px solid #fff;

	border-bottom: 1px solid #fff;

	-webkit-transform: rotate(-45deg);

	transform: rotate(-45deg);

	margin-top: -3px;

}

input.linkBtn::after {

	display: block;

	content: '';

	position: absolute;

	top: 50%;

	right: 1em;

	width: 6px;

	height: 6px;

	border-right: 1px solid #fff;

	border-bottom: 1px solid #fff;

	-webkit-transform: rotate(-45deg);

	transform: rotate(-45deg);

	margin-top: -3px;

}

.linkBtn:hover {

	background: #284c9c;

}

.post .linkBtn {

	padding: 0.5em 2.5em 0.5em 2.5em;

	background: #001441;

	position: relative;

	color: #fff;

	border-radius: 5px;

	line-height: 1.8;

	transition: all .3s;

}

.post .linkBtn input[type="submit"]{

	background: none;

	padding: inherit;

}

.post .linkBtn::after {

	display: block;

	content: '';

	position: absolute;

	top: 50%;

	right: 1em;

	width: 6px;

	height: 6px;

	border-right: 1px solid #fff;

	border-bottom: 1px solid #fff;

	-webkit-transform: rotate(-45deg);

	transform: rotate(-45deg);

	margin-top: -3px;

}

.post input.linkBtn::after {

	display: block;

	content: '';

	position: absolute;

	top: 50%;

	right: 1em;

	width: 6px;

	height: 6px;

	border-right: 1px solid #fff;

	border-bottom: 1px solid #fff;

	-webkit-transform: rotate(-45deg);

	transform: rotate(-45deg);

	margin-top: -3px;

}

.post .linkBtn:hover {

	background: #284c9c;

}

@media only screen and (max-width: 640px) {

	.linkBtn {

		display: block;

		text-align: center;

	}

	.post .linkBtn {

		display: block;

		text-align: center;

	}

}



/* ContentsBlock element 3.02 ---------------------------------------------------*/

.CBlock-color {

	margin-right: calc(((100vw - 100%) / 2) * -1);

	margin-left: calc(((100vw - 100%) / 2) * -1);

	padding: 8em calc((100vw - 100%) / 2);

	background-color: #345;

	color: #fff;

	position:relative;

}

.CBlock-img {

	margin-right: calc(((100vw - 100%) / 2) * -1);

	margin-left: calc(((100vw - 100%) / 2) * -1);

	padding: 8em calc((100vw - 100%) / 2);

	background: url(images/sample/block1.jpg);

	background-repeat: no-repeat;

	background-position: top;

	background-size: cover;

	color:#fff;

	position:relative;

}

.CBlock-img-pa0 {

	margin-right: calc(((100vw - 100%) / 2) * -1);

	margin-left: calc(((100vw - 100%) / 2) * -1);

	padding: 0em calc((100vw - 100%) / 2);

	background: url(images/sample/block1.jpg);

	background-repeat: no-repeat;

	background-position: top;

	background-size: cover;

	color:#fff;

	position:relative;

}

.CBlock-img-pa0 .CBcolor-bk{

	background-color: rgba(1, 1, 1, 0.8);

	padding: 8em calc((100vw - 100%) / 2);

	margin-right: calc(((100vw - 100%) / 2) * -1);

	margin-left: calc(((100vw - 100%) / 2) * -1);

}

.CBlock-img-pa0 .CBcolor-wh{

	background-color: rgba(255, 255, 255, 0.8);

	padding: 8em calc((100vw - 100%) / 2);

	margin-right: calc(((100vw - 100%) / 2) * -1);

	margin-left: calc(((100vw - 100%) / 2) * -1);

	color:#252525;

}

.CBlock-color section,

.CBlock-img section,

.CBlock-img-pa0 section{

	background-color: rgba(255, 255, 255, 1.0);

	padding: 4em;

	color: #252525;

}

p.time .cat:before {

	content: ' , ';

}

p.time .cat.first:before {

	content: none;

}

span.tag:before {

	content: ' , ';

}

span.tag.first:before {

	content: none;

}

p.time.tag.first {

	margin-left: 4px;

}

/*3.03*/



/*

 * METに関する調整

 */

/*----------------------

メイン画像余白関係

----------------------*/

html:not(.mobile) #mainImg ,

html:not(.mobile) #breadcrumnb {

	margin-top:0;

}

html.mobile #breadcrumb ,

html.mobile #mainImg {

	margin-top: 0;

}

body.mobile #header .logo img {

	max-width:100%;

	max-height:100%;

}

body.mobile #header .logo .mark {

	height:60px;

	box-sizing:border-box;

	vertical-align: middle;

}

body.mobile #mainImg ,

body.mobile #breadcrumb {

	margin-top:60px;

}



/*

 * 見出し関係

 */

h1.title:after, .post h1:after,

h2.title:after, .post h2:after,

h3.title:after, .post h3:after,

h4.title:after, .post h4:after,

h1.title:before, .post h1:before,

h2.title:before, .post h2:before,

h3.title:before, .post h3:before,

h4.title:before, .post h4:before {

	max-width:100%;

}



/*

 * アイキャッチ付きh1

 */

header#h1Header {

   overflow: hidden;

   padding-bottom: 0;

   position: relative;

   background: #333333;

	line-height:0;

}

header#h1Header img {

	width:100%;

	height:auto;

}

.mobile header#h1Header {

	padding-top: 50px;

}

header#h1Header h1.title {

   position: absolute;

   width: 100%;

   top: 50%;

   -webkit-transform: translateY(-50%);

   -ms-transform: translateY(-50%);

   transform: translateY(-50%);

   padding: 0;

   margin: 0;

   color: #fff;

   letter-spacing: 0.1em;

	text-shadow:0px 0px 5px #000000;

}

header#h1Header #mainImg {

   position: absolute;

   top: 50%;

   left: 50%;

   width: 100%;

   height: auto;

   -webkit-transform: translate(-50%, -50%);

   -ms-transform: translate(-50%, -50%);

   transform: translate(-50%, -50%);

}

.mobile header#h1Header {

	padding-top: 0px;

}

@media print, screen and (max-width: 1024px) {

	#h1Header #thumb img {

		width:auto;

		height:25vh;

		margin-left:calc( -1 * ( ( ( 1920 * ( 25vh / 300 ) ) - 100vw ) / 2 ) );

	}

   h1.title, .post h1 {

      font-size: 180%;

   }

   header#h1Header h1.title {

      font-size: 180%;

   }

}